From 3b2e92e2b593c2bc06f8184ee25ab747332b56fa Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Thu, 4 Jul 2024 16:02:11 +0300
Subject: [PATCH] remove scroll behavior

---
 components/header.vue | 10 +---------
 plugins/scroll.ts     |  7 +++++++
 2 files changed, 8 insertions(+), 9 deletions(-)
 create mode 100644 plugins/scroll.ts

diff --git a/components/header.vue b/components/header.vue
index 8f26552..ded8749 100644
--- a/components/header.vue
+++ b/components/header.vue
@@ -3,14 +3,6 @@ const config = useRuntimeConfig()
 const apiBase = config.public.apiBase
 
 const { data: pagesData } = await useFetch<ApiPagesType[]>(`${apiBase}/pages/?ordering=order`)
-const { scrollToAnchor, scrollToTop } = useAnchorScroll({
-    toTop: {
-        scrollOptions: {
-            behavior: 'smooth',
-            offsetTop: 0,
-        }
-    },
-})
 const route = useRoute()
 </script>
 <template>
@@ -24,7 +16,7 @@ const route = useRoute()
             <div class="menu">
                 <template v-for="item in pagesData">
                     <NuxtLink :to="item.external_link || ((route.name == 'index' ? '' : '/') + `#${item.slug}`)"
-                        :target="item.external_link ? '_blank' : '_self'" @click.native="scrollToAnchor(item.slug)" event="">
+                        :target="item.external_link ? '_blank' : '_self'">
                         {{ item.menu_title }}
                     </NuxtLink>
                 </template>
diff --git a/plugins/scroll.ts b/plugins/scroll.ts
new file mode 100644
index 0000000..ea3b143
--- /dev/null
+++ b/plugins/scroll.ts
@@ -0,0 +1,7 @@
+export default defineNuxtPlugin((nuxtApp) => {
+    nuxtApp.$router.options.scrollBehavior = (to, from, savedPosition) => {
+        if (to.hash) {
+            return { el: to.hash,behavior: 'smooth', }
+        }
+    }
+})
\ No newline at end of file