npx eslint --fix ./
Access-Control-Allow-Origin specifies either a single origin which tells browsers to allow that origin to access the resource; or else — for requests without credentials — the "*" wildcard tells browsers to allow any origin to access the resource.
desktop - news__post - wrapper
и m - t_1
, о чем он с примерно 99% вероятностью ругается в консоли. Добавь кавычки, чтобы были строки с названием класса. А вообще в твоем случае можно использовать совместно class="тут классы, применяемые всегда" :class="тут динамическая часть"
Замедляет ли tailwind работу сайта в продакшене?нет или незначительно. количество классов у элемента почти не влияет на скорость отрисовки. но атомарные классы при этом положительно влияют на размер файла стиля. Очень жду, когда появится анализатор по аналогии с https://windicss.org/features/analyzer.html , чтобы повторы/незначительные вариации стилей проанализировать и перенести arbitrary values в конфиг.
Или он нужен только на этапе разработки?не понятно (
Стоит ли использовать tailwind в крупных проектах, если нет, то почему. И что стоит использовать?Стоит. Единственное, нужно фирменные элементы стиля зафиксировать в конфиге tailwind, можно вообще отказаться от дефолтного конфига и сделать свой с нуля.
И что стоит использовать?Ну вот вышеупомянутый windy - почти то же самое, что tailwind, но со своими плюсами (группировка классов - бомба, анализатор тоже полезная вещь) и минусами, например не 100% совместимость с tailwind и некоторые (некритичные) глюки в вычисляемых классах vue). Просто tailwind более распространен.
import { useCookies } from "vue3-cookies";
, найди место, где создается экземпляр vue (где-то в index.js или подобном месте ищи createApp()
) и добавь туда строки подключения плагина для options api: import VueCookies from 'vue3-cookies'
let app = createApp(App);
app.use(VueCookies);
app.mount('#app')