Как закодированы эти ссылки?

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

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

Как пользоваться регуляркой в методе replace()?

Ну и 'dd-ddd-dzz ziiid__dd'.replace(/[\s_-]/g, '').

Возможно ли на собрать такой блок на css, но что бы он тянулся в зависимости от содержимого?

hudiakov, типа того, только preserveAspectRatio="none" добавить к svg чтоб тянулось:

Ещё границу можно не рисовать через path, а сделать через non-scaling-stroke, тогда её толщина не будет растягиваться:

Ну и, наконец, если нужно, чтоб углы были всегда одинаковы, а тянулись только стороны - то тут уж только играться с обрезкой, проще всего через clip-path в css:

В svg тоже можно, но уже мудрёно.

P.S. Если охота прям совсем заморочиться, то можно ещё и текст чётко по фигуре расправить, с помощью shape-outside. :)

Каким образом отправлять запросы с front на back на чистом js?

Сергей delphinpro, вот не надо тут этого. Большинство да, можно повторить, но если нужна какая-то хитрая кодировка например кроме utf8, придётся через зад вывернуться. Особенно если на отправку. А в xmlhttp всё из коробки работает. Также, из того что помню, через fetch невозможно отправить запрос без заголовка origin, а через xmlhttp можно. Там ещё всякое было, но на самом деле это всё действительно не нужно в 99% случаев, потому и позабыл уже всё, но если вдруг - придётся повозиться.

Как и где можно фиксировать и сохранять данные до изменений в multiselect?

sharpsss, v-model надо убрать, как я и сказал в предыдущем посте.

И в любом случае у меня в каждом ответе приложен рабочий код. Если у тебя что-то не работает: берёшь свой код и построчно сравниваешь с моим. Видишь отличия - убираешь и, желательно, разбираешься почему так.

Как и где можно фиксировать и сохранять данные до изменений в multiselect?

sharpsss, лол.
Чувак, внимательнее посмотри, что ты творишь.
Вот тут entity.selectedAccesses = newValue; ты присваивешь новое значение entity.selectedAccesses, а уже после этого выводишь. Откуда там взяться старому значению если ты сам его заменил на новое?
Я ведь специально для тебя даже сохранил его заранее в переменную previosValue.

Хз чем тебе тут помочь, разве что если ты бухаешь в процессе - завязывай, Пик Балмера у тебя явно не ловится.

Почему не срабатывает реактивность Pinia?

Кирилл, ну тут только опыт поможет. Я просто переключаю контексты: работая с vue я выгружаю из мозга все "библиотеки" связанные с нативным кодом. Поскольку сам vue очень прост - остаётся много места на творчество.:)
То же само с react, но там уже надо держать в голове множество муторной хрени связанной с мемоизацией и иммутабельностью. С angular ещё хуже, с ним стараюсь работать по минимуму.:)

Почему не срабатывает реактивность Pinia?

Кирилл, да, всё верно.
Хз зачем тебе связь с нативным кодом и напряг мозгов когда достаточно просто знать: если ты что-то изменил оно изменится. Гарантировано. Если не изменил - не изменится. Всё. Дальше пиши очевидный и интуитивно понятный код.:)

В Vue 2 конечно было всё гораздо проще и очевидней: всё что попало в data становится реактивным, а чтобы что-то отбразилось одно должно попасть в data. Т.е. всё всегда реативно и вообще никаких вопросов.
Vue 3 ввело boilerplate и микроконтроль, теперь можно выстрелить себе в ногу забыв сделать что-то реактивным...
Таким образом в vue 2 всё реактивно и просто работает, а чтоб было не реактивно надо отдельно обозначать, а в vue 3 надо специально обозначать, чтоб было реактивно и следить за этим. Да, в теории это оптимальней, но на практике и, особенно, для новичков - это полный провал. Эх, да что тут говорить.:(

Почему не срабатывает реактивность Pinia?

Кирилл, в этом суть реактивности - всё что изменилось и всё что зависит от изменившегося - обновится. А что не зависит - не обновится.

Каким образом отправлять запросы с front на back на чистом js?

Yukan Mukimura, затем что писать стопицот раз fetch(shit).then(r => r.json()) бесит. Axios же построен на xmlhttp и часть более современных фич там просто физически отсутствует.

Собственно идеальная либа будет вынуждена юзать и fetch и xmlhttp, потому что в первом тоже отсутствует часть "старых и ненужных" фич.:)

Почему не работает addTag в multiselect?

sharpsss, те тебе нужно что-то делать когда обновляется выбранное значение?
Вместо v-model:

:model-value="entity.selectedAccesses"
@update:model-value="updateSelected(entity, $evemt)"

updateSelected(entity, selectedAccesses) {
  entity.selectedAccesses = selectedAccesses;
}

Почему срабатывает роут?

kristine-bladvin, ты хотел сказать на первый?
Использовать catch all маршрут видв /:path(.*)* и разбирать-перенаправлять руками.
Только учитавай что, поторю, foo/bar/?buz и foo/bar?buz - это одно и тоже, и некоторые сервера при запросе сами поставят слеш в конец, другие сами его уберут.
Даже если сейчас всё заработает - ты будешь ходить по тонкому льду.

VUE 3 Router не видит GET параметры?

Tereverda, ого, ответ о причине был в документации.:)
Правда всё равно, боже, какое же это говно. Что они сделали с моим vue.:( Чувакам лень, сука, было нахреначить исключение для случая инициализации и они вместо этого ввели целую новую, не очевидную, сущность.

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

photosho, совсем глючным он был на старте, как любая иная винда, и как 11 сейчас.:)

Почему срабатывает роут?

Почему оно должно идти на первый? С чего вдруг?
Если тебе так кажется из-за слеша на конеце, то этот слеш не имеет значения - foo/bar/ и foo/bar - это одно и тоже в 99% случаев(не только в vue, а вообще).
1% - на всякие особенности всякого софта.

Почему не работает addTag в multiselect?

sharpsss, во-первых - в консоль пишет. Во-вторых я даже видео прикрепил что всё работает. Чего ты ещё, блин, хочешь?

Почему не работает addTag в multiselect?

sharpsss, ты в чём смотришь? Какую ошибку? Всё прекрасно работает. Видео.

Почему не работает addTag в multiselect?

sharpsss, в смысле "не помогло"?
Вот перед тобой работающий пример. Что у тебя не так?

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

Как при переходе на разные ветки git с разными пакетами автоматически предупреждать о необходимости их установить?

WebStorm(Phpstorm/IDEA) автоматически предупреждает и ничего городить не надо.:)
А так - гит-хуки и скрипты.

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

photosho, ну даже те что "не удалось установить" могли что-то поломать при попытке. Посмотри что там у тебя в обновлениях и почему они не устанавливаются...
Но это так, общие рекомендации, конкретно за проблему не поручусь. (ну кроме совета не трогать вин 11 ещё лет пять)