Антон Антон

Можно пойти сложным путем - сделать mpa в котором с сервера передается шаблон для корневого компонента vue-приложения и средствами php в него подсовывается json с данными наполнения:

<div id="#app" :input='<?php echo json_encode($data); ?>'>{{ input.something }}</div>

, затем уже на клиенте монтируется vue-приложение (с пропсами для входящих данных) и рендерит в шаблон (прилетевший с сервера или можно передать дальше во вложенные SFC) данные. Тогда seo будет чуть лучше (ибо начальные данные для рендера будут получены с сервера).

чтобы у пользователя не моргало шаблоном, можно скрыть данные через https://vuejs.org/api/built-in-directives.html#v-cloak

Такой подход достаточно удобно использовать, например, с laravel

Capacitor

Я использую vite-plugin-svg-sprite с настройками

{
            symbolId: 'icon-[name]-[hash]',
            include: ['**/icons/**.svg', '**/icons/sections/**.svg']
}

все работает, добавляет импорты по совпадающим путям в sprite, остальные импорты не трогает.

https://codepen.io/FragsterAt/pen/MWZOdKg

суля по всему, нужно настроить вебсервер, чтобы он нормально выполнял перенаправление на приложение. дальше роутер разберется. https://router.vuejs.org/guide/essentials/history-...

Высота вьюпорта - это как раз и есть динамическая высота окна. При этом невозможно предсказать его максимальные размеры, даже зная разрешение (потому как высота панелей и прочих элементов управления может быть разная). При этом нужно учитывать, что сама высота окна при открытии страницы может быть не максимальная - браузер может быть не развернут на весь экран.
Как заляпуху можно устанавливать высоту в 100% в пикселях (clientHeight) и потом отслеживать изменение размера и неуменьшать её. Но это все равно косяк, так как не учитывает случая поворота экрана (а такое бывает даже на стационарных компьютерах например с поворотными мониторами) и перенос окна между мониторами с разными разрешениями или чего-нибудь типа изменения масштаба.

Надо искать другое решение исходной задачи.

Нужно сделать компонент и вывести его два раза, один раз в оверлей, другой раз в нужное место страницы. при этом в оверлей его можно отправлять телепортом. Хотя необходимость вывода прям одинаковых кусков меня несколько смущает и я не понимаю, зачем это.

Вот тут алгоритм: https://programforyou.ru/calculators/number-systems
Согласно https://www.ietf.org/rfc/rfc3986.txt можно использовать символы 0-9, a-z, A-Z - . _ ~, т.е. получаем 66 знаков, или 287496 значений для трехсимвольной строки, что недостаточно для всех 6значных чисел, а вот все 5значные вполне уместятся.