nuxt-tailvue icon indicating copy to clipboard operation
nuxt-tailvue copied to clipboard

Strange behaviour when in production

Open xavsio4 opened this issue 3 years ago • 2 comments

Hello, It is quite hard to explain. In dev everything works well. I'm only using the modal component. But anyhow, I'va added nuxt tailvue to the config file. When the site is generated (npm run generate) no links are accessible anymore and no input are accessible anymore.

When I remove the module inclusion: ['nuxt-tailvue', { all: true }],

And re generate, everything becomes accessible again. I really don't what causes that. Maybe a collision of what I'm using besides Nuxt. Maybe it's my configuration. In case someone trips on this strange behaviour....

xavsio4 avatar Oct 17 '21 12:10 xavsio4

Hello @xavsio4 :)

I had the same issue few hours ago and i fixed it by adding node_modules/tv-*/dist/tv-*.umd.min.js in content array of the tailwind.config.js file (you can create it if don't exists) as said in README.md of the tailwue plugin. See the following file:

export default {
  theme: {},
  variants: {},
  plugins: [],
  purge: {
    content: [
      `components/**/*.{vue,js}`,
      `layouts/**/*.vue`,
      `pages/**/*.vue`,
      `plugins/**/*.{js,ts}`,
      `nuxt.config.{js,ts}`,
      `node_modules/tv-*/dist/tv-*.umd.min.js` // add this line
    ]
  }
}

After this line added, regenerate and all works fine. Enjoy !

cyrilcolinet avatar Dec 17 '21 00:12 cyrilcolinet

Thank... That does it

Otrex avatar Dec 22 '21 20:12 Otrex