Aetae

Асинхронщина - это сложно. Асинхронщина с прерываниями в произвольном месте - сложно вдвойне.
"Прям красиво" в конечном коде не получится. Но можно сделать более-менее приличную абстракцию или воспользоваться готовой.
Например можно использовать @tanstack/vue-query - оно предусматривает большинство возможных сценариев. Из минусов - не до конца изжитое наследство react: некоторые вещи с vue можно было бы сделать лаконичней.

Если хочется своего - абстрагируй во что-то подобное, покрывай тестами и переиспользуй.
Чтоб не было гонок - проверяй актуальность после каждого await.
Чтоб не было проблем с индикатором загрузки - следует использовать под капотом не логический, а числовой (абстракцию надо оным) loading++ loading-- loading===0 - если такой "застрянет", значит где-то ошибка в логике.:)
Скрыть(абстрагировать) передачу AbortSignal в axios можно с помощью интерцептора.

В общем и целом к сожалению в спеках async(Promise) отмены в красивом виде не предусмотрели.
Есть пример того как хотелось бы чтоб оно работало - "flow" с использованием генераторов (yield вместо async + обёртки), которое позволяет остановить всё на любом моменте извне, ничего не пробрасывая и не подготавливая. Однако это костыль, требует всяких уродливых обёрток, не очевидного поведения и плоховато дружит с типизацией.
Я всё порываюсь состряпать какой-нить "DeepCancelablePromise" на магии, и заставить его работать похожим образом, но руки не доходят.:)

У меня используется такой:
[\u00a9\u00ae\u2000-\u3300\ud000-\udfff]

В общем случае - никак. Если сайт сам ни в каком виде не отдаёт список файлов, то всё, ты никак не можешь знать какие там файлы лежат.

Если есть какой-то общий паттерн в наименованиях файлов - можно их просто перебирать: какие скачаются - такие скачаются.
Если на сайте таки где-то есть каталог - можно распарсить оный.
Если ссылки на эти файлы в принципе где-то в интернете встречаются, то goodle их видел и можно воспользоваться api google-поиска с фильтром inurl:www.inkema.com/images/cms/ и, опять же, получить список.

keyof IPost

APNG, HEVC, возможно Webp, но тут не уверен.

А без устройства - гиблое дело. Если планируешь этим занимать на постоянке - купи хотяб какой-нить убитый бушный с разбитым экраном.)

Сможет конечно. Факт в том что всем на это пофиг. Нет на фронте таких компонентов, которые надо секретить. Просто нет. Все секретные данные на бэке и их получение ограничено. Соответственно если секретный компонент выводит секретные данные - то он просто ничего не выведет.

Однако если очень хочется - то можно нашаманить, например сделать маршрут и компонент ssr-only и зафорсить полноценный переход по такому маршруту, соответственно заблокировав на бэке. Или настроить, чтоб компонент всегда собирался в отдельный чанк с конкретным именем, и опять же, заблокировать скачивание этого чанка без авторизации.

В любом случае любая безопасность - это бэк, а фронт - это только видимость для удобства.

Я так понял до сих пор вы использовали vue вообще без компонентов - что есть в шаблоне - то и рисуется. Таким образом вы теряете 99% пользы и удобства vue.

Конечно же можно создать в tamplate компонент, прямо там его добавить в vue и горя не знать.

Просто делаешь рекурсивный компонент:

var RecursiveComponent = {
  name: 'recursive-component',
  props: ['i'],
  setup() {
    const open = ref(false)
    return { open }
  },
  template: `
    <div>
      <recursive-component v-if="open" :i="i ? i+1 : 1"></recursive-component>
      <button @click="open=!open">toggle {{i}}</button>
    </div>
  `
}

И просто его используешь:

Vue.createApp({
  components: { RecursiveComponent },
  setup() {
    return {
      message: 'Привет Vue!'
    }
  }
}).mount('#app');

<div id="app">
  {{ message }}
  <recursive-component></recursive-component>
</div>

P.S. Теоретически вместо строки в template вы действительно можете забуфферизировать вывод через ob_start, положить в переменную, а потом эту переменную положить в template. Но насколько я помню в битриксе не всё так просто с буферизацией и не факт что оно заработает и ничего не сломает...

Максимум что можно сделать это включить автомипорт однозначных модулей при использовании тайпскрипта:

Но это по больше части мелочь, т.к. большинство имён экспортов неоднозначны(т.е. имеются в нескольких пакетах).

Так что используй Alt+Enter как и все мы, и не придумывай.:)

...upd:
Есть, конечно, вариант как например в nuxt\next - задекларировать один файлик с глобальными импортами часто используемых модудей на уровне typescript и потом на этапе сборки добавить импорты там где они используются. Но это такое себе - красивее особо не сделает, т.к. большая часть портянки импортов - всё равно другие твои модули, от которых никуда не уйдёшь, а не глобальные пакеты, но вот запутать может.

...upd2:
Так, погоди ка, перечитал вопрос ещё раз. Ты же не хочешь сказать, что я неправильно понял вопрос изначально, и ты пытаешься импортировать модули из node_modules В package.json? Если так, то Everything_is_bad, увы, прав: package.json- это источник модулей, а не наоборот. Ты берёшь package.json, делаешь npm i и node_modules наполняются указанными модулями. Потом делаешь npm i <имя модуля> и он в первую очередь добавляется в package.json а потом уже node_modules. Как ты получил node_modules без package.json? Тоже руками? Не надо так.

Editor - Emmet - CSS - Enable fuzzy search

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

Если работа идёт всегда со всеми данными - отдельный бэк api не нужен.
Если работа идёт с какой-то определённой выборкой(как бывает в 99% случаев), то запрос в любом случае нужен, потому что, чтобы получить соответствующие выборке значения из соседней таблицы, клиенту потребуется посылать уже массив id, что, внезапно, увеличит накладные расходы бэка, по сравнению с простеньким join'ом потребным для спец-api.