update

dfdsf

src/components/FooterSection.vue

@@ -26,16 +26,17 @@
           {{ $t('footer__docs') }}
         </span>
         <div
-          v-for="item in Docs"
+          v-for="item in docs"
           :key="item.id"
           class="text-caption"
           >
-          <a
-            :href="item.href"
+          <span
+            @click="router.push({ name: item.route })"
+            class="cursor-pointer"
             style="text-decoration: underline; color: inherit"
             >
-            {{ $t(item.name) }}
-          </a>
+            {{ $t(item.translationKey) }}
+          </span>
         </div>
       </div>
 
@@ -50,12 +51,11 @@
 </template>
 
 <script setup lang="ts">
-  import BaseLogo from 'components/BaseLogo.vue';
-  const Docs = [
-    { id: 1, name: 'footer__doc_terms_of_use', href: '/terms-of-use' },
-    { id: 2, name: 'footer__doc_privacy_policy', href: '/privacy-policy' }
-  ]
- 
+  import BaseLogo from 'components/BaseLogo.vue'
+  import { useRouter } from 'vue-router'
+  import { docs } from 'src/docs'
+
+  const router = useRouter()
 </script>
 
 <style scoped>