Как решить точку с запятой ожидается css (css -semicolonexpected)

Question

Я пытаюсь использовать директивы Tailwind css '@apply' в теге файла Nuxt js Vue; все работает отлично, но я продолжаю получать раздражающие красные волнистые линии. Пожалуйста, ребята, мне нужна помощь ... Спасибо! Ниже приведен скриншот и фрагмент:

Снимок экрана

<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

Вам не хватает точки с запятой в конце строки приложения:

.message {
  @apply font-light pb-4 text-orient text-2xl text-blue-bayoux ;
}

Answer 2

Я думаю, что вы используете красивее, и этот плагин получает ошибку, когда вы делаете @apply в одной строке, поэтому попробуйте это:

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

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