Nuxt.js является фреймворком для разработки приложений на Vue.js, и он действительно ничего не знает о Tailwind CSS. Tailwind CSS, с другой стороны, является независимой библиотекой CSS и может использоваться с любым фреймворком, включая Nuxt.js.
Что касается проблемы с использованием @apply в Tailwind CSS, она может возникнуть, если вы пытаетесь использовать эту директиву без предварительного настроенного плагина. @apply является функцией встроенного препроцессора PostCSS, который обрабатывает Tailwind CSS, поэтому для использования @apply вам нужно убедиться, что ваш проект настроен для его поддержки.
Чтобы исправить эту проблему, вам потребуется создать или настроить файл конфигурации Tailwind CSS, который называется tailwind.config.js. В этом файле нужно добавить плагин PostCSS, который поддерживает настройку @apply. Например:
// tailwind.config.js
module.exports = {
// ...
plugins: [
require('tailwindcss')({
// Ваши настройки Tailwind CSS
}),
require('@tailwindcss/custom-forms'),
require('autoprefixer'),
require('postcss-import'),
require('postcss-nesting'),
require('postcss-nested'),
require('postcss-custom-properties'),
require('postcss-easing-gradients'),
require('postcss-color-function'),
require('postcss-logical'),
require('postcss-dir-pseudo-class'),
require('postcss-advanced-variables'),
require('postcss-preset-env')({
stage: 2,
features: {
'nesting-rules': true, // Включение поддержки вложенности
},
}),
],
}
В этом примере, postcss-nesting и postcss-nested плагины добавляют поддержку вложенности в PostCSS, что позволяет использовать @apply в Tailwind CSS. Ваш tailwind.config.js может варьироваться в зависимости от ваших потребностей и настроек проекта.
После настройки плагина PostCSS с поддержкой вложенности, вы должны быть в состоянии использовать директиву @apply в своих классах Tailwind CSS.
Надеюсь, что эта информация поможет вам решить проблему с использованием @apply в Tailwind CSS с Nuxt.js.