vue-range-slider icon indicating copy to clipboard operation
vue-range-slider copied to clipboard

Navigator is not defined?

Open JenuelDev opened this issue 3 years ago • 1 comments

image image

JenuelDev avatar Mar 09 '21 04:03 JenuelDev

Hello,

The plugin is not compatible with basic nuxt.

You have to go through a plugin and deactivate the ssr.

Example :

Plugin (name : vue-range-component.plugin.js) :

import Vue from 'vue'
import VueRange from 'vue-range-component'

Vue.component('vue-range', VueRange);

Nuxt.config.js :

  plugins: [
    { src: '~/plugins/vue-range-component.plugin.js', ssr: false }
  ],

In your file .vue : <vue-range ref="slider" v-model="value"></vue-range> and import style : import 'vue-range-component/dist/vue-range-slider.css'

It works for me.

GELELOIC avatar Apr 28 '21 21:04 GELELOIC