Aetae

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

// ==UserScript==
// @name         figma.com translate
// @namespace    figma.com
// @version      0.1
// @author       Aetae
// @match        *://*.figma.com/*
// @grant        none
// @run-at       document-start
// ==/UserScript==

Object.defineProperty(Object.prototype, 'defaultStringsRaw', {
  set(defaultStringsRaw) {
    delete Object.prototype.defaultStringsRaw;
    this.defaultStringsRaw = Object.assign(defaultStringsRaw, {
      "copy-as-css": "Копировать CSS",
    });
  },
  configurable: true
});

pointer-events: none?

date.setDate(date.getDate()); эта строчка не имеет смысла(ничего не делает).
Если ты хочешь срезать у даты время(а по сути поставить 0 часов 0 минут итд), то это деляется в явном виде: date.setHours(0, 0, 0, 0).
Если дата нужна в стандартном часовом поясе то используй setUTCDate, после чего вместо setHours - setUTCHours.

Ну и у тебя на сервере даты должны храниться без времени, иначе никакого eq, а только gte + lte.

Используй addEventListener.

const style = getComputedStyle(document.getElementsByName('Name')[0]);

style.opacity

В консоле нельзя вызвать цикл и писать сложный код.

Можно.

через браузер впихнуть свой JS

Какие проблемы? Создавай тег script и подгружай туда что хошь.

Но вообще тебе нужны userscript'ы, например tampermonkey.

Ну потому что smooth. $nextTick - это не какое-то абстрактное "когда всё закончилось", это буквально следующий тик vue, который наступит через пару миллисекунд. smooth к тому времени только начнёт крутить.

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) {
      //Здесь должно менять изображение в зависимости от выбранного цвета
    }
  }
}