Антон Антон

Расширение volar установлено?

Потому что у тебя ошибка вычисления выражения desktop - news__post - wrapper и m - t_1, о чем он с примерно 99% вероятностью ругается в консоли. Добавь кавычки, чтобы были строки с названием класса. А вообще в твоем случае можно использовать совместно

class="тут классы, применяемые всегда" :class="тут динамическая часть"

Так варианта-то всего два - стор и props/emit )
В данном случае неплохо работает второй подход, причем я бы хранил данные и фильтр в родителе, передавая отфильтрованные данные (computed) в "отображающий компонент" и фильтр и туда и туда в качестве v-model (для vue-3 - можно именованную)

ты пытаешься смешать composition api и options api.
Если пользуешься options api, то убери 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')

или переходи на composition api и там уже useCookies и вот это все. В принципе, в документации всё описано.

Ходят слухи (в документации к vite), что нужно в корне проекта сделать файл postcss.config.js (или любой, поддерживаемый https://github.com/postcss/postcss-load-config) и всё взлетит.
пс: lang="postcss" не нужен, но это не точно

Инвертируй зависимость - используя scoped slots запихай в my-option требуемое, а не наоборот. https://v3.ru.vuejs.org/ru/guide/component-slots.h...

Логичнее в хуках роутера это делать. Ну или в компонентах страниц при монтировании/изменении пропсов.

https://ru.vuejs.org/v2/guide/class-and-style.html...

https://developer.mozilla.org/ru/docs/Web/JavaScri...:

Метод slice() не изменяет исходный массив, а возвращает новую «одноуровневую» копию, содержащую копии элементов, вырезанных из исходного массива.

Для того чтобы "почистить" массив, нужно сделать так: checkboxes.value = [] а не извращаться по всякому.

https://nuxtjs.org/docs/components-glossary/valida... тут проверяй параметры и возвращай false

import { defineStore } from 'pinia'

const storeDefinition = {
  state: () => {
    return { count: 0 }
  },
  actions: {
    increment() {
      this.count++
    },
  },
}
const stores = {}
export function getCounterStore(key) {
  if (!stores[key]) stores[key] = defineStore(key, storeDefinition)
  return stores[key]()
}

в других файлах

import {getCounterStore} from 'awesome-counter-store.js'

...
const store1 = getCounterStore('key1')
const store2 = getCounterStore('key2')

transition срабатывает при появлении или при исчезновении содержимого, например можно переключать через v-if (если несколько блоков, то одновременно видимым должен быть только один, либо вместо transition использовать transition-group, что влечет за собой некоторые нюансы, например появление лишнего тега-обертки, в любом случае у каждого блока внутри должен быть задан уникальный атрибут key, )

const scriptTag = document.createElement('script')
    scriptTag.src = `https://www.google.com/recaptcha/api.js?render=${recaptchaKey}`
    scriptTag.async = true
    scriptTag.defer = true
    scriptTag.addEventListener('load', () => {
      // тут можно добавить обработчик
    })
    document.body.appendChild(scriptTag)

ну а если приходит прям готовый тег, то можно просто document.body.innerHTML += твойтег