migrate on nuxt3

layouts/UiFooter/UiFooter.vue

@@ -0,0 +1,32 @@
+<template>
+  <footer class="mx-auto container max-2xl:pl-4">
+    <div class="relative z-50 max-w-[1280px] mx-auto">
+      <div class="flex justify-between mb-5">
+        <UiNav :nav-content="footerNavigation" />
+      </div>
+      <div class="pb-7 flex justify-between">
+        <div>
+          <UiParagraph as="span" size="250"
+            >По всем вопросам:<br />
+            <a href="mailto:vinogalante@yandex.ru" target="_blank">
+              vinogalante@yandex.ru
+            </a></UiParagraph
+          >
+        </div>
+
+        <div class="flex flex-col [&>[data-ui=ui-nav]]:text-secondary" v-if="route.path === '/'">
+          <UiNav :nav-content="refLitres" />
+        </div>
+      </div>
+    </div>
+  </footer>
+</template>
+
+<script setup lang="ts">
+import UiParagraph from '@/components/Typography/UiParagraph.vue'
+import UiNav from '@/components/UiNav/UiNav.vue'
+import { footerNavigation, refLitres } from '@/layouts/UiFooter/_data'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+</script>

layouts/UiFooter/_data/footer-navigation.data.ts

@@ -0,0 +1,36 @@
+const footerNavigation = [
+  {
+    name: 'Главная',
+    path: '/',
+  },
+  {
+    name: 'Книга I',
+    path: '/books/1',
+  },
+  {
+    name: 'Книга II',
+    path: '/books/2',
+  },
+  {
+    name: 'Отзывы',
+    path: '/feedback',
+  },
+  {
+    name: 'Корзина',
+    path: '/cart',
+  },
+  {
+    name: 'Оплата',
+    path: '/buy',
+  },
+  {
+    name: 'Вопрос-ответ',
+    path: '/question',
+  },
+  {
+    name: 'Политика конфидинциальности',
+    path: '/privacy',
+  },
+]
+
+export default footerNavigation

layouts/UiFooter/_data/index.ts

@@ -0,0 +1,3 @@
+export { default as footerNavigation } from '@/layouts/UiFooter/_data/footer-navigation.data'
+
+export { default as refLitres } from '@/layouts/UiFooter/_data/ref-litres.data'

layouts/UiFooter/_data/ref-litres.data.ts

@@ -0,0 +1,14 @@
+const refLitres = [
+  {
+    name: 'Реферальная ссылка на ЛитРес - Книга I',
+    path: 'https://www.litres.ru/58125553/',
+    target: '_blank',
+  },
+  {
+    name: 'Реферальная ссылка на ЛитРес - Книга II',
+    path: 'https://www.litres.ru/vino-galante/kak-vlubit-v-sebya-lubogo-tonkaya-igra/',
+    target: '_blank',
+  },
+]
+
+export default refLitres