add plugins in vuetify using Vue.use()

Question

I am using vutify with nuxt

I want to add a product zoom plugin in my vuetify application

They showed in order to use the feature you need to add this following.

import ProductZoomer from 'vue-product-zoomer'
Vue.use(ProductZoomer)

where can i find Vue.use in my application file in vuetify

Nima Ebrazeh · Accepted Answer · 2021-09-16 15:16:51Z

1

Follow this steps:

import Vue from "vue"
import ProductZoomer from 'vue-product-zoomer'
Vue.use(ProductZoomer)

export default {
  // ...

  plugins: [
      ...
      { src: '~/plugins/vue-product-zoomer.js', mode: 'client' },
  ],

  // ...
}

After doing above steps, you can access this plugins globally through your nuxt app.

answered Sep 16, 2021 at 13:15

Nima Ebrazeh

1,3266 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

I used your solution, it shows 500 internal server error when I am loading the app.

prepend -client to the end of the filename, vue-product-zoomer-client.js

Try this { src: '~/plugins/vue-product-zoomer.js', mode: 'client' } instead of "~/plugins/vue-product-zoomer.js" in plugins array.