Fastclick on NuxtJS

[shidcordero]

I am trying to add this library to nuxt js.

What I have now is a file under plugins/fastclick.js

import FastClick from 'fastclick'

export default ({ document }) => {
  FastClick.attach(document.body)
}

which i use to import that one in my nuxt config using

plugins: [
    { src: '~/plugins/fastclick.js' }
  ]

but the result is I am getting ReferenceError: navigator is not defined error

I tried to provide the file using webpack.ProvidePlugin

 build: {
    plugins: [new webpack.ProvidePlugin({ FastClick: 'fastclick' })]
 }

[twinkelmann]

A plugin sounds cleaner, but as a temporary fix, here is how I implemented it in NuxtJS v2.11.0.
In layouts/default.vue, I added the following (I have a single layout, but you could do it in every layout):

import fastClick from 'fastclick'
export default {
...
  beforeMount() {
    fastClick.attach(document.body)
  },
...
}

[yeluowuhen52]

A plugin sounds cleaner, but as a temporary fix, here is how I implemented it in NuxtJS v2.11.0.
In layouts/default.vue, I added the following (I have a single layout, but you could do it in every layout):

import fastClick from 'fastclick'
export default {
...
  beforeMount() {
    fastClick.attach(document.body)
  },
...
}

Thanks，your solution is userful to me.