Как передать класс по клику в другой компонент?

Alex, `native` нужен если у вас Vue 2 и `click` вешается на компонент, в остальных случаях можете убрать его (просто `@click=`) будет.

По остальному - я не вижу структуры вашего приложения, поэтому исхожу из того, что понял :)

Если абстрагироваться и решать лишь вопрос передачи класса из дочки в родителя, то:

В дочке:

<... @click="$emit('onClassTransfer', 'hereClassName')" ...>

В родителе:

<дочка @onClassTransfer="transferedClass = $event" :class="transferedClass">
...
data: () => ({
transferedClass: '',
})

Ну и https://vuejs.org/guide/components/events.html внимательно пересмотрите.

Как добавит YandexClusterer в vue-yandex-maps?

MKKM MMM, да, тут скорее всего при изменении только целиком перерисовывать. Производительность правда от бога будет :) Хотя, вопрос кол-ва маркеров-кластеров.

Какая архитектура приложения лучше?

Ну и бред)

Roman Kitaev, железный и интеллектуальный контраргумент, даже противопоставить нечего.

Выбор вариативной опции товара Vue js?

Вы данные, которые эмитите, берете не из this.product_data, а ставите туда компьютед, в котором, в свою очередь, считаете базу (например, цена) + элемент массива вариаций по индексу активной вариации, записанной в отдельную переменную.

Выбор вариативной опции товара Vue js?

Да просто тут:

this.$emit('addToCart', this.product_data)

берите данные не из `this.product_data`, а сформируйте еще один computed, которые учитывает выбранные опции, и отправляйте его.

Как лучше реализовать анимацию при скролле?

Удаляется листенер через передачу ссылки на ту же функцию, что и при его установке, а тут они разные выходят, пусть и с одинаковым содержимым.

Выбор вариативной опции товара Vue js?

Ну так вы не то делаете потому что :) Вы по выбору просто записываете отсортированный по ключам массив вариаций в переменную, в чем смысла нет, а потому у вас вес трижды выводится из всех вариаций сразу.

Вам через @select нужно записывать индекс или объект текущей выбранной опции в отдельную переменную, а затем уже оперировать ей.

То есть либо this.currentVariation = index (при @select) и затем computed getTotalWeight какой-нибудь с содержимым return variations?.[index]?.price ?? '' вывести в шаблоне.

Либо сразу записывать весь объект выбранной опции в переменную и затем из нее рендерить в шаблоне что нужно.

Дублировать контент или динамически адаптировать на js?

What have you done, да, я пишу под Vue и там, чтобы снизить градус дублирования в таких ситуациях, либо выношу дублирующийся блок в компонент, чтобы не править его в двух местах в случае чего, либо использую условный рендеринг, чтобы убрать дублирование в dom'е (ну или и то и то).

Какой плагин vue для создания графиков наиболее гибок и прост?

Sergey750il, нет, Vue 3. Но на Vue 2 там тоже вроде полная поддержка.

Как правильно задать макс ширину в двух единицах?

0906ddd, например, max-width: calc(100vw - 100px);

Используете и vw и px для формирование максимальной ширины блока, если я правильно понял задачу. По теме еще полезная ссылка: https://habr.com/ru/company/ruvds/blog/493660/

Почему задержка вывода данных с api в Nuxt?

Грубо говоря, сперва рендерится "скелет", потом уже получаются данные. Загружайте данные в asyncData и это решит вашу проблему.

Использовать ли nuxt для лэндингов?

ivan0512, а что должно пугать? Vue вы использовать не обязаны - подняли Nuxt из коробки, создали пару страниц с расширением .vue, а дальше можно про него забыть. Серверный рендеринг для такого сайта вписывается отлично и исключительной связи с "проектами с логикой" тут никакой нет.