Comment résoudre Semi-Colon attendu CSS (CSS-SemicolonExpecté)

Question

J'essaie d'utiliser des directives de TailWindcsss '@Apply' dans une étiquette d'un fichier NUXTJS Vue; Tout fonctionne bien, mais je continue à obtenir des lignes rouges gênantes. S'il vous plaît, les gars, j'ai besoin d'aide ... merci! Vous trouverez ci-dessous une capture d'écran et un extrait:

capture d'écran

<style scoped>

.title {
  @apply text-orient font-light block text-5xl pt-2;
}

.message {
  @apply font-light pb-4 text-orient text-2xl text-blue-bayoux
}
</style>

Answer 1

J'utilise le code VS et ajouté ce qui suit à mes paramètres:

"files.associations": {
  "*.vue": "html"
}

Ensuite, l'erreur était partie.