Chaque fois que j'ajoute une classe, pour voir les changements, je dois arrêter d'exécuter nuxt, recharger la fenêtre VS Code et exécuter à nouveau "npm run dev". Ensuite, je peux voir les changements

Mon tailwind.config.js :

/**@type {import('tailwindcss').Config}*/ module.exports = { contenu: [ './components/**/*.{js,vue,ts}', './mises en page/**/*.vue', './pages/**/*.vue', './plugins/**/*.{js,ts}', './nuxt.config.{js,ts}' ], thème: { étendre: {} }, plugins : [require('daisyui')] } 
 
J'ai placé le fichier tailwind.css dans Assets/css/tailwind.css
 
Et importez-le dans mon composant de mise en page : layouts/default.vue
 
Mon nuxt.config.ts :
 
 
// https://v3.nuxtjs.org/api/configuration/nuxt.config exporter la définition par défaut de NuxtConfig ({ css : ['~/assets/css/tailwind.css'], construire: { post-css : { options postcss : { plugins : { vent arrière : {}, préfixe automatique : {} } } } } }) 
 
Mon package.json :
 
{ "privé" : vrai, "scripts" : { "build": "nuxt build", "dev": "nuxt dev", "générer": "nuxt générer", "aperçu" : "aperçu nuxt", "postinstall": "nuxt préparer" }, "Dépendances dev" : { "nuxt": "3.0.0-rc.11", "tailwindcss": "^3.1.8" }, "dépendances" : { "Daisyui": "^2.31.0", "firebase": "^9.10.0" } }