header links

This commit is contained in:
Kseninia Mikhaylova 2024-06-19 13:32:43 +03:00
parent 4e499163de
commit 25a5dd0fc7
1 changed files with 5 additions and 3 deletions

View File

@ -12,17 +12,19 @@ const { scrollToAnchor, scrollToTop } = useAnchorScroll({
},
})
const route = useRoute()
console.log(route)
console.log({ route })
</script>
<template>
<div class="header">
<div class="container">
<div class="logo">
Купи забор
<NuxtLink to="/">
Купи забор
</NuxtLink>
</div>
<div class="menu">
<template v-for="item in pagesData">
<NuxtLink :to="item.external_link || `#${item.slug}`"
<NuxtLink :to="item.external_link || ((route.name == 'index' ? '' : '/') + `#${item.slug}`)"
:target="item.external_link ? '_blank' : '_self'" @click="scrollToAnchor(item.slug)">
{{ item.menu_title }}
</NuxtLink>