Aetae

<a onclick="event.stopPropagation()">***</a>

Почему бы не почитать документацию: tickAmount?

Если я правильно тя понял:

<template>
  <input
    class="input border border-gray-400 appearance-none rounded w-full px-3 py-3 pt-5 pb-2 focus focus:border-indigo-600 focus:outline-none active:outline-none active:border-indigo-600"
    :value="name === null ? max_slippage : name"
    @input="name = $event.target.value"
    name="inputSlipage"
    id="slipage"
    type="text"
  >
</template>

<script>
  export default {
    data() {
      return {
        max_slippage: null,
        name: null
      }
    }
  }
</script>

P.S. Ты явно переборщил с универсальными классами. Используй лучше sass с переменными и миксинами.)

Как всегда с любым фронтом, очевидно.
Открываем терминал в нужной папке,
npm i - установить зависимости(чтоб была папка node_modules).
Если пишет, что команда npm неизвестна - надо поставить Node.js (LTS версию), перезапустить терминал и повторить.

Дальше смотрим какие там команды в scripts в package.json и запускаем то что похоже на нужное. Для vue это обычно:
npm run serve - для разработки;
npm run build - для сборки.

Вообще если такие проблемы возникают - стоит нагуглить какой-нить вводный урок в современный фронт.

Ну не правильно же, ты пытаешься присвоить тип string объекту вида {id: some}.
const { id }: {id: string}

Заюзать lodash chunk, а дальше как обычно, map в map на map.

Эта библиотека предназначена для сборки. Это скорее тулза для генерирования компонентов, а не для работы на лету.
В теории ты можешь её подключить и на живую, но через зад.

Settings -> Editor -> File Types -> +

addEventListener('mouseover', ({target, relatedTarget}) => {
  if(relatedTarget) 
    relatedTarget.classList.remove('hover');
  if(target) 
    target.classList.add('hover')
})

Поправь масштаб в фигме.)


Ну или в браузере. (Ctrl+0)

...Или в системе.)

Ты путаешь тёплое с мягким.
ES-modules - это стандарт javascript и работает он с файлами .js. Ни о каких .vue он знать не знает. Нельзя просто написать module и ожидать что оно само заработает.

Для отднофайловых компонентов сборка в любом случае нужна. Сборщики используют loader'ы, которые собственно и творят всю магию. Когда ты пишешь

import componentName from './components/template.vue'

сборщик находит в конфиге специальный loader для .vue и запускает его, тот обрабатывает файл и выдаёт в результате валидный js, который уже в свою очередь и импортируется. Вне сборщиков, в чистом браузере, поддержки loader'ов само собой (пока?) нет.

Пока asyncData не отработает - компонент не отрендерится и не замнотируется.
При стандартном подходе компонент сначал рендерит заглушку, потом грузит данные, потом рендерит что-то на основе данных, при asyncData он ничего не делает пока нет данных. Это удобнее.
Увы asyncData не идеальна, из-за архитектуры vue-router(я в своё время глубоко разбирался, увы без полного переписывания vue-router особо лучше не сделаешь), но всё равно удобней чем делать то же самое руками.

..// - это наркомания, поменяй на ../.
Но проблема не в этом. Vue - умный и для строковой img src неявно делает require.
Если же вы хотите использовать переменную, то тут уж придётся присать явно: loading: require('../../bla/bla.png').

В getPages замени все this.tableList на this.filteredTableList. В чём проблем?)

Без бэка нельзя. Нода и сокеты - бэк. У тебя уже есть firebase. Вот и юзай его.

Можно, какие проблемы. Подключаешь umd на страницу, и юзаешь React.createElement вместо jsx. (можно и jsx на лету компилить, но это уже будет не чистый вариант)