Почему окно Fancybox пропадает сразу после появления при загрузке страницы?

photosho, как можешь видеть здесь, даже в таком примитивном виде всё работает:

Проблема в другом месте.

Однако сразу вижу две вещи которые стоит исправить:
1. Не использовать привязку по id, а привязывать конкретный элемент - $el если корневой, $refs - если какой-то другой. В кранем случае генерировать уникальный id.
2. Добавить обработку beforeDestroy\beforeUnmount которая сделает .destroy для инстанса этого Fancybox, дабы избежать возможных оставшихся висячих концов.

Почему окно Fancybox пропадает сразу после появления при загрузке страницы?

Судя по использованию $nextTick - этот твой #myblock не является напрямую частью компонента, в котором ты вызываешь эту функцию. Не надо так.
Для простой и очевидной работы с любыми не-vue библиотеками, лезущими в dom следует работу с ними выносить в отдельный компонент и уже с ним работать, тогда всегда можно гарантировать что при mount нужный dom элемент пояаится и будет удалён только при unmount.

Если нужно что-то более сложное - следует рассматривать каждый случай в отдельности, с пониманием того как работает vue, техношаманизм с подстановкой магических параметров и методов толку не даст.

Есть ли похожий javascript vanilla - TreeView?

Ну напиши сам. Или загони код в jquery to vanila конвертер(гуглятся легко несколько штук), лол.

Как разрабатывать красивые интерфейсы в Desktop-приложениях?

Скажу только одно: на чём бы ты своё ui не делал - всегда прописывай цвета руками, а не полагайся на дефалтные цвета. Нет, фон не всегда будет белым по умолчанию, а текст чёрным по умолчанию. "Наболело".)

Как сделать необычную фигуру средствами css?

Clip-path и mask-image не подходят...

...не подходят потому что ...?

Next Js 13, ошибка при использовании Redux, как исправить?

Vladislav Ivanov, поищи готовые сборки next 13 + redux, уверен этого добра полно на гитхабе. А дальше сравнивай под лупой, перекидывай куски кода-туда сюда и т.д.

Next Js 13, ошибка при использовании Redux, как исправить?

szQocks, нахрен мне он нужен в моём vue?) В vue не надо делать руками то, что сделает за тебя vue. Реактивность там просто работает: ты просто напрямую меняешь значение - оно просто напрямую меняется и рендерится везде где надо(и не рендерится где не надо). Максимальная интуитивность и идельное покрытие. Тебе совершенно не надо думать где чего класть и что куда прокидывать.:)
Собсно какой-то особый стор(pinia) в vue нужен только чтоб за ним следить из девтулз и особо работать в SSR. Иначе достаточно обычного reactive объекта.

Next Js 13, ошибка при использовании Redux, как исправить?

szQocks, это конечно лучше redux, но в той же степи. Mobx же "просто работает".
Хотя, конечно, лично я бы пошёл дальше и написал: выкинь next используй nuxt.:)

Как заблокировать возможность делать скриншоты на моем сайте или хотя бы по нажатию на PrtScn возвращать серую картинку вместо изображение сайта?

В порядке бреда: можно рисовать весь сайт на canvas(или даже просто накладывать маску поверх) покадрово так, чтобы каждый отдельно взятый кадр представлял собой "шум", однако при частоте 60+ кадров, основываясь на особенности человеческого зрения и мониторов(тут тебе потребуется углубиться в науку), сливался в читаемый нормальный контент.
Само собой серьёзный пират этот вопрос всё равно решит, но от казуальных скриншотов это спасёт.:)

Как заблокировать возможность делать скриншоты на моем сайте или хотя бы по нажатию на PrtScn возвращать серую картинку вместо изображение сайта?

Ну стенография контрится довольно просто, если о ней знать: завести двух юзеров и сравнить данные.

Next Js 13, ошибка при использовании Redux, как исправить?

Выкинь ты redux и используй mobx. Если ты это сделаешь сейчас, то потом возблагодаришь небеса.

Как исправить ошибку 500 при отправке ajax?

Открой в инструментах Network, тыкни в упавший запрос, тыкни Preview и прочитай собственно ошибку.

Можно ли передавать CSS классы через props?

Sergey750il, это слишком от многого зависит. По хорошему должно хватать изменений корневого класса.
Собственно посмотрите как работает стилизуется и нативный <input> (или любой иной нативный компонент) - вот по идее так(в том же диапазоне допуска) должен стилизоваться и ваш.
В крайнем случае можно использовать документированные (s)css-переменные. Т.е. такие, что помимо обязательности наличия чёткой документации(хотя бы в readme.md рядом с компонентом), обязаны будут работать аналогичным образом даже при полном переписывании вами компонента.
Не будет лишним глянуть на то, как работают с этим крупные библиотеки компонентов: quasar, vuetify, можно заодно глянуть и библиотеки для других фреймворков, суть веде схожая.

Как повесить событие, чтобы оно сработало на динамически созданном объекте?

Сергей delphinpro всё правильно сказал. Дополню, что для слежки за новыми элементами можно(но нежелательно) использовать MutationObserver. Однако более правильным решением является всё-таки встраивание в код, который собственно и добавляет новые элементы на страницу.

Как убрать скролл вверх при отправки формы?

rootnoroot, ну тгда надо смотреть что делает mybooking_submit ¯\_(ツ)_/¯.

Как убрать скролл вверх при отправки формы?

Сайт не работает, но предположу что кнопка отправить - это на самом деле не кнопка а ссылка с href="#". В таком случае следует её заменить на button или, хуже, добавить onclick="return false"(или любой иной способ прерывания стандартного действия).

Существует ли отдельная категория шаблонов для текстовых сайтов?

Не знаю, но я бы начал искать такое с ключевым словом wiki.

Как оптимизировать процесс загрузки большего объема данных?

Paul14,

если представить, что код фильтрации и вообще подготовки данных статистики придется писать на php.

Ну так не пишите на PHP.:)
Если вы такой фанат js - на сервер можно node.js поставить.
НО, это мало поможент. Потому что фильтрацию, агрегацию в всё такое прочее чтоб быстро работало - писать придётся на самом деле в SQL.:)

Как сделать ключ объекта $refs реактивным, чтобы к нему можно было применить $watch?

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

Также дополню:
По поводу $parent: в прикладном коде использовать $parent обоснованно можно примерно никогда. С вероятностью стремящейся к 100% вы делаете что-то неправильно. Возможно вам нужно provide\inject, возможно достаточно будет стандартных props и событий.
Каждый компонент должен быть чёрным ящиком и никак не зависеть от других, до такой степени, чтоб вы могли полностью переписать начинку компонента и это никак не отразилось на его использовании. Исключения - компоненты, что идут всегда в сцепке, но и для них стоит разработать стандартизированный api взаимодействия.

По поводу $ref: сделать реактивным $ref не то чтобы совсем невозможно, но просто не нужно: реактивность $ref будет означать только то, что вы будете отлавливать изменение ссылки на DOM объект, которого в обычном vue коде и так происходить не будет. Если же вы хотите ещё и отлавливать изменения свойств этого DOM объекта - то и это возможно, просто для каждого свойства придётся писать свой магический код детектирующий и триггерящий изменения, т.к. изначально никакого слежения в большинстве случаев предусмотрено не было. Собственно все современные фреймворки придуманы для того, чтобы заменить собой работу с DOM, потому если уж вы сами лезете в DOM в обход фреймворка - будьте любезны всё делать сами ручками.

Как обойти несостыковку в имени и платёжных данных на Upwork?

cessar, тем более. Ну будешь ты Васей по паспорту вместо Олега ради дела, что такого.:)