https://github.com/ntnyq/nuxt-module-medium-zoom

:apple: MediumZoom integrated for Nuxt.
https://github.com/ntnyq/nuxt-module-medium-zoom

medium-zoom nuxt nuxt-module nuxt3

Last synced: 2 months ago
JSON representation

:apple: MediumZoom integrated for Nuxt.

• Host: GitHub
• URL: https://github.com/ntnyq/nuxt-module-medium-zoom
• Owner: ntnyq
• License: mit
• Created: 2025-01-14T17:33:27.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2025-07-28T07:56:36.000Z (3 months ago)
• Last Synced: 2025-08-04T02:00:05.781Z (2 months ago)
• Topics: medium-zoom, nuxt, nuxt-module, nuxt3
• Language: TypeScript
• Homepage: https://nuxt-module-medium-zoom.ntnyq.com
• Size: 815 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# @nuxt-dev/medium-zoom

MediumZoom integrated for Nuxt.

[![CI](https://github.com/ntnyq/nuxt-module-medium-zoom/workflows/CI/badge.svg)](https://github.com/ntnyq/nuxt-module-medium-zoom/actions)

[![NPM VERSION](https://img.shields.io/npm/v/@nuxt-dev/medium-zoom/latest.svg)](https://www.npmjs.com/package/@nuxt-dev/medium-zoom/v/latest)

[![NPM DOWNLOADS](https://img.shields.io/npm/dy/@nuxt-dev/medium-zoom)](https://www.npmjs.com/package/@nuxt-dev/medium-zoom)

[![LICENSE](https://img.shields.io/github/license/ntnyq/nuxt-module-medium-zoom.svg)](https://github.com/ntnyq/nuxt-module-medium-zoom/blob/main/LICENSE)

## Install

```shell

npm i medium-zoom @nuxt-dev/medium-zoom -D

```

```shell

yarn add medium-zoom @nuxt-dev/medium-zoom -D

```

```shell

pnpm add medium-zoom @nuxt-dev/medium-zoom -D

```

## Usage

Add to your `nuxt.config.ts`:

```ts

export default {

  modules: [

    // other modules

    '@nuxt-dev/medium-zoom',

  ],

  mediumZoom: {

    // custom options

    selector: '#__nuxt :not(a) > img, [data-zoomable]',

  },

}

```

## Options

All options from [MediumZoom Options](https://github.com/francoischalifour/medium-zoom#options) are supported.

### selector

Image selector.

- **type**: `string`

- **required**: `false`

- **default**: `#__nuxt :not(a) > img, [data-zoomable]`

### delay

Delay time in millseconds.

- **type**: `number`

- **required**: `false`

- **default**: `500`

## Credits

- [vuepress/ecosystem - plugin-medium-zoom](https://github.com/vuepress/ecosystem/tree/main/plugins/features/plugin-medium-zoom)

## License

[MIT](./LICENSE) License © 2025-PRESENT [ntnyq](https://github.com/ntnyq)