Типизация массива для функции и смена типа при сравнивании?

TheSnegok, это какая-то ересь, выкинь.
Вот тут в гугле почти такой-же хук, только человеческий. За одно с примером как юзать.

Как встроить vue компонент в html?

RuslanSer, охлол. Ну это явный баг, заведи им issue на githab.)
Workaround: юзать функцию, так работает: position: () => 'top':)

Считается ли это рекурсией?

Сергей Соколов, использовать строки для числовых операций - плохо.)

Где проверить код на кроссбраузерность?

Сергей Соколов, ну в теории из под вируталки макоси можно запустить нативный эмулятор...
Но так далеко я пока не заходил.)

Как встроить vue компонент в html?

RuslanSer, в плэйграунде на оффсайте работает. Наверное стоит попробовать обновить либу. Или у тебя там какая-то кривая обёртка используется - надо смотреть.

P.S. Твои пляски с бубном вокруг Vue всё равно не заработали бы, по причинам описанным мной в ответе.
Это можно было бы сделать через отдельный компонент Vue, принимающий на вход params и showInfo как props.

Что значит верстка под vue js?

Верстка под vue js значит, что надо использовать vue js. Твой кэп.

Vue js если используется, то используется по-хорошему для всей вёрстки, кусками vue внедряют только в легаси.

Нужен ли опыт "дизайнера" в front-end?

Дмитрий, понял ты верно, но волноваться стоит.)
Всякие встречаются требования, но в любом случае дизайн не входит в обязанности фронта. Он даже вреден - покажешь годный результат - повесят лишнюю работу за те же деньги. Так что, совет, если вдруг встретишь такое - сотвори кислотный ад, чтоб отстали раз и навсегда.)

Всплывающее окно bootstrap внутри vue js?

Tereverda, шо? Нет.
BTooltip.vue(примерно, не проверял):

<template>
  <span data-toggle="tooltip" v-on="$listeners" v-bind="$attrs">
    <slot/>
  </span>
</template>

<script>
  export default {
    mounted() {
      $(this.$el).tooltip()
    }
  }
</script>

Твой компонент:

<td>
    <b-tooltip v-if="box.fefco == '0201'" data-html="true" data-title="<img class='d-block m-1 mx auto' 
    src='/img/0201.jpg'>">Fefco 0201 — четырехклапанная</b-tooltip>
  </td>

Как оптимизировать работу с массивом?

Это самый быстрый вариант и должен работать на разумных данных моментально.
Ускорить в пару раз можно делая копию массива с помощью Array.prototype.slice.call, вместо Array.from.
Дальше - наверное только если перейти на TypedArray и ArrayBuffer с asm js\webassembly и то хз.

Как получить типы свойств объединенного типа в TypeScript?

WbICHA, сорян, попутал, за давностью.)

Крч. как и сказал Дмитрий - затипизировать можно любую дичь, а значит и преобразовать можно любую дичь в любую дичь. Будь там классы, json, функции или массивы, всё это можно забрать через typeof и с помощью магии динамических типов преобразовать к нужному виду.

Хотя конечно лучше заранее писать с оглядкой на систему типов тс.)

Как получить типы свойств объединенного типа в TypeScript?

WbICHA, лучше ты кинь свою функцию работающую с массивом creatures с зависимостями, чтоб мне не гадать какая у тя там структура.)

Суть в том, что если у тебя не код-лапаша вида:

if(type === "people") {
  if(subtype === "adult") ...
  else if ...
  else if ...
  else if ...
} else if ...

то где-то в коде уже описаны каким-то образом возможные type, их subtype и т.д. Осталось только их добыть через typeof и преобразовать в нужный вид.

Как получить типы свойств объединенного типа в TypeScript?

WbICHA, ну так "нормальное решение" Дмитрия делает имеено то что я сказал:

один раз пишем боль-мене сложный тип-преобразователь "тип структуры" - "тип приведённый выше"

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

Как получить типы свойств объединенного типа в TypeScript?

WbICHA, магическое слово as const. Тогда typeof вернёт конкретный литерал.)

typeof есть и "тсовксий", делает так:

const catStruct = {
  type: 'cat'
} as const;

type Cat = typeof catStruct;

Как получить типы свойств объединенного типа в TypeScript?

WbICHA, некропост:
Ты всё равно где-то и как-то описываешь эти "тайпов 5 штук и для каждого по 5 субтайпов", ведь так?
И в чём тогда проблема? Всё что надо сделать - придумать как не описывать всё дважды. Типы прекрасно выводятся через typeof из твоей структуры, какой бы она там ни была, после чего один раз пишем боль-мене сложный тип-преобразователь "тип структуры" - "тип приведённый выше" и дальше спокойно работаем.

Как изящно сделать border не во всю длинну?

Картинкой.)

Почему нет доступа в интернет на корпоративном ноутбуке?

До гугла он в обоих трассировках доходит, так то, во второй только обратного днс нет...

Как получить разделитель даты?

Не-не-не, не надо ничего скармливать Date. Date на айфоне кушает соврешенно инные вещи, чем Date в фоксе, а та в свою очередь тоже иной вкус имеет, чем Date в ослике.
Это частый источник багов. Так что либо moment и аналоги, либо ручками всё к циферкам приводить.

Почему при выполнении вложенных операций теряется тип переменной?

HiDiv, стоп. Приедупреждение eslint а не самого typescript, судя по примеру?
Ну и пошёл этот ESLint нахрен, всего делов.)
Какой-то косяк в кастомном правиле, которое что-то не учитывает. ESLint и его правила не имеют никакого отношения к typescript и пишутся рандомными чуваками. Заведите им баг на гитхабе.)

...upd: проверил ваш пример тут(надо вручную вниз добавить:

{
  '@typescript-eslint/no-unsafe-member-access': 'error',
}

).
Он не даёт срабатывания этого правила.

Либо нужны какие-то ещё более специфические условия, либо вам надо просто обновить @typescript-eslint или сам typescript.

Почему не работает gitconfig?

Сергей Бурдужа, а от это хорошая инфа. Можно выкинуть мой древний прекоммит хук, который по хардкору всегда прописывал данные в зависимости от origin.)

Почему нет доступа в интернет на корпоративном ноутбуке?

Посмотри, мб IPv4\v6 отключён\прописан вручную в свойствах сети, так что работает только с другой AP.