Александр Талалаев

У вас бак в хуке следующий:
в useEffect вы реагируете на смену языка, и задаёте новый texts. НО в useCallback у вас в зависимостях тоже language, в результате после смены texts он уже не отрабатывает. Замените в useCallback зависимость на texts.
PS если это не в рамках обучения, то не советую писать свой инструмент для локализации сайта, лучше возьмите готовый, например i18n
PPS для подсказки в таких багах пусть и ненадёжно, но полезно использовать нейронные сети, к примеру chatgpt в целом хорошо расписывает если дать ему код вашего Хука и попросить найти баг, только что проверил даёт неплохие подсказки для начала. НО помните, что без опыта с нейронками легко выстрелить себе в ногу, тк не заметите где она там напридумывала всякую дичь.

cy.get - уже обертка над функцией с селектором к DOM дереву, поэтому параметром туда нужно ваш селектор.

cy.get('.content .container-fluid .d-flex .cursor-pointer')

Алгоритм:
0. В любом случае есть родительский контейнер, поэтому работаешь от него. Лучше чтобы у него был id, тогда при работе функции отслеживания ты сможешь её запускать с нужным айди, она будет универсально и поддерживать множество независимых подобных контейнеров с этим меню.
1. По клику ищешь текущий isActive (с учетом специфичности родительского контейнера) и снимаешь все активные.
2. Делаешь кликнутый активным.

Условный пример. Не продашн рэди) Но смысл ясен.

Простой и скорее всего верный вариант отключить SSR для защищенных роутов в настройках
https://nuxt.com/docs/guide/concepts/rendering#hyb...

Для этого используйте фичу по вставке из офиса.
https://ckeditor.com/docs/ckeditor5/latest/feature...

Добавить в плагины:

//****
 // CKEditor
    ClassicEditor.create($('#data')[0], {
        htmlSupport: { allow: htmlSupport },
        removePlugins: [ 'Link', 'SourceEditing' ],
        plugins: [ PasteFromOffice],
        fontSize: { options: [ 8, 10, 12, 14, 18, 20, 24, 28, 36 ] },
    })
    .then(editor => {
        CKEditor = { field: 'data', data : editor };
    })
    .catch(error => {
        console.error(error);
    });

Изначально nuxtjs(и его вдохновитель nextjs) - фреймворки, которые представляют собой готовый рецепт и набор правил для построения приложений на библиотеке Vue.js или React. Хотя можно обойтись без них и строить приложения как душе угодно, но удобнее иметь набор правил в сообществе и в команде. В процессе разработки фронтенд-приложений постепенно появляется необходимость в различных оптимизациях, в том числе в скорости и SEO, поэтому активно развивается бэкэнд для фронтенда. Он используется в основном для дополнительного кеширования и рендеринга на стороне сервера.

Конечно, вы можете подключаться к базе данных для получения информации. Для этого есть специализированные плагины и практики(можно прям гуглить nuxt 3 mysql). В целом, у вас есть доступ ко всем возможностям Node.js, так что всё в ваших руках. Чаще всего используются какие-либо ORM (Object-Relational Mapping), которые облегчают доступ к БД, убирая рутину на себя и предоставляя удобный доступ к данным. Например, Prisma.

В целом, обычно в Nuxt.js и подобных фреймворках напрямую с БД не работают, так как это ломает классическую архитектуру подобных приложений с разделением логики, масштабирования и т.п. Так что даже если на бэкенде Node.js, то это отдельные независимые сервисы, которые предоставляют каким-либо образом доступ к подготовленным данным из БД (например через REST API), а уже приложение на Next.js обращается к нему и в своей бэкенд-части и через браузер.

Резюмируя: Nuxt - для отображения интерфейса/фронтенда, даже при использовании рендринга на стороне сервера, получение обновление данных через API(REST/GraphQL/... ).
Express/Nest(что угодно другое бэкэндерское) - ядро бизнес логики, обработка данных, работа с БД, постороение API и тп.
Это если кратко, а так гуглите про архитектуру приложений, информации море, тема обширная.

Так задумано. Неактивные вкладки имеют низкий приоритет, поэтому там не гарантируется исполнение в риалтайме js.
Выход переписать например на webworker.
В целом тема обширная, можешь гуглить JavaScript inactive tabs

Команда git fetch просто скачивает изменения, не применяя их. А вот git pull делает fetch, а затем уже rebase/merge.
Поэтому если вы сделали просто fetch, то не должны были потерять ваши локальные незакомиченные изменения.
Короче говоря, всё должно было сохраниться. Если только выполнилась команда fetch.

Вам нужно следить за событиями keydown, далее снимаем действие по умолчанию с помощью preventDefault.
Таким образом в самом общем случае отключения реакции на все кнопки будет:

document.addEventListener('keydown', e => {
  e.preventDefault();
  return false;
});

Далее ищите нужные коды для своих кнопок, отключаете поведение по умлочанию, добавляете своё поведение.
Например:

document.addEventListener('keydown', e => {
   if (e.key === 'ArrowDown') {
    e.preventDefault();
    //Ваша логика
    return false;
  }
});