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>