Aetae

AdBlock попробуй отключить.)

А у тебя есть этот файл в ../assets/tag-example.docx на сервере? Скорее всего нет.

В typescript структурная тпизация. Ему похрен какой класс породил объект. Если порождённый объект структурно совпадает с сигнатурой(сигнатуры всех свойств и методов совпадают), то такой объект проходит по условию:

class Foo {
  a!: number;
  b!: number;
}
function bar(arg:Foo) {};
const randomObj = {a:1, b:2, c:5};

bar(randomObj); // ok

Потому ты не можешь "исключить определенный класс", как в принципе не можешь и ограничить "определенным классом", любые ограничения могут быть лишь структурными.
Ты можешь запретить объект с определённым набором свойств на вход, но это ограничит не только "определенный класс", но и любые другие классы порождающие объект с подобным набором полей.

Костыль - добавить нужному классу пустое приватное свойство и ограничивать по нему.

Ответ: не использовать typescript.
Структурная типизация - суть typescript. Ты можешь нагугуглить всякие мерзкие костыли, но они не панацея и подведут в самый ответственный момент.

Чтобы избежать головняка с contenteditable можно подложить стилизованный div под input с прозрачным текстом. Но это всё равно не будет просто, т.к. потребуется вычислять разницу состояний и анимировать именно по месту ввода.
Вот чисто концепт с анимацией только последнего символа:

Во-первых: так

element.addEventListener("mouseover", function () {
  ...
  this.addEventListener("mouseout", function () { ... });
});

делать нельзя никогда. Это, простите - говно.
Каждый раз как на элемент наводится мышка - на него вешается новый обработчик mouseout. 10 раз навели - 10 обработчиков висит и срабатывает по уводу мышки.

Во-вторых: это максимально всё выносится в css. Если .figures__hover где-то ниже .what-we-do__li - полностью, иначе частично: в обработчике меняется только класс контейнера.

В-третьих: лучше использовать mouseenter и mouseleave.

Ждать load только если document.readyState не 'complete'.

<v-card>
  <v-card-title>Выберите модель</v-card-title>
  <v-btn-toggle class="mb-10" v-model="currentButton">
    <v-btn color="#546E7A" :key="btn.id" v-for="btn in btnModelInfo">{{btn.name}}</v-btn>
  </v-btn-toggle>
  <!-- Здесь должно менять изображение в зависимости от выбранного цвета-->          
  <v-btn-toggle>
    <v-btn :color="color" :key="name" v-for="[name, color] in currentColors" @click="changeColor(name)"></v-btn>  
  </v-btn-toggle>     
</v-card>

{
  data() {
    return {
      btnModelInfo: [
        {id: '1', name: 'model_1' , colors: ['white', 'blue', 'red']},
        {id: '2', name: 'model_2' , colors: ['red', 'green', 'blue']},
      ],
      allColors: {
        white: '#ffffff',
        blue: "#0000ff ",
        red: '#ff0000',
        green: '#00ff00',
      },
      currentButton: null
    }
  },
  computed: {
    currentColors() {
      return this.currentButton === null ? [] : this.btnModelInfo[this.currentButton]
        .colors
        .map(name => [name, this.allColors[name]]);
    }
  },
  methods: {
    changeColor(color) {
      //Здесь должно менять изображение в зависимости от выбранного цвета
    }
  }
}

Просто делай отдельный файл конфига\локали и пусть сервер подгружает в соответствии с доменом. Самому билду вообще лучше ничего не знать о конкретных доменах, для лёгкой переносимости.

1. Сырцы на всё должны быть. Обязательно. Если нет - то только валить. Если есть - всегда можно разобраться, написать автоматизацию лично для себя и пинать хуи - тут переходим к пункту 2.
2. Сколько платят и сколько дают времени на задачу? Если ответ "нормально" и "много" - см. пункт 1, нарабатывается стаж, а свободное время тратится на развитие. Иначе - валить.)

Очевидно, это обёртка. Обычно над eslint. Вот в документацию eslint и смотрите.

Возможно. Ты сам написал как. Дальше обычная асинхронность, к Vue или сборщикам отношения не имеет.

import type LibnameType from 'libname';

declare global {
  const libname: typeof LibnameType;
}

1. id - уникальный идентификатор, он должен быть в одном экземпляре.
2. В vue неопределённое количество input'ов выглядит примерно так:

<div id="container">
  <input v-for="input in inputs" v-model="input.value" :name="input.name" type="hidden" >
</div>

data: {
  inputs: [
    {
      name: 'k1', 
      value: ""
    }, 
    {
      name: 'k2', 
      value: ""
    }
  ]
}

И значения получаются, соответственно, из массива inputs.

В Vue ты работаешь с данным, а не с dom, dom лишь отражает состояние данных.

Нет.