Nuxt3-CompositionAPI-Tailwind-TS Tailwind Templates

Nuxt3 Compositionapi Tailwind Ts

Тестовая задача.

Реализовать проект на на Nuxt3 Composition API + Tailwind + Type Script очень желательно.

Входные параметры.

  1. Имеется объект дерева task_json.txt

  2. Объект представляет из себя типичное дерево каталога

  3. Json должен считываться с диска, и реагировать на изменения ( при перезагрузке Nuxt )

Задача

  1. Реализовать переключение языков. Обычный select ru,en,fr - для чего поймем исходя из дальнейшей задачи.

  2. Отрендерить дерево в удобном, понятном для вас формате, с возможностью закрытия открытия веток. Название элемента дерева берется из locale-> cg_name

  3. У каждой ветки дерева fine printom под названием должен стоять breadcrumbs путь В это вам поможет path_to_top

    Например категория Цветы получить следующий breadcrumbs исходя из дерева Броши -> Цветы.

  4. Каждый элемент дерева имеет свою внешнюю ссылку( может ввести на битую страницу ее уже верстать не нужно ) В это вам поможет locale->link / {id}

  5. Имя категории, Breadcrumbs категории, Ссылка категории Зависят от выбранной локали из 1 пункта задания.

    При смене языка, все эти 3 параметра должны меняться -> реализовать fallback локали при не найденной -> берется первая возможная.

Top categories

Loading Svelte Themes