From 63ce6530a023b6211441ab4a94f34382fe972dc3 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Tue, 9 Jan 2024 05:39:06 +0100
Subject: [PATCH] utilize vike navigate for client side navigation

---
 src/components/VikeBtn.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/VikeBtn.vue b/src/components/VikeBtn.vue
index cf760ba..06ce2f7 100644
--- a/src/components/VikeBtn.vue
+++ b/src/components/VikeBtn.vue
@@ -1,13 +1,22 @@
 <template>
-  <v-btn :variant="isRouteSelected($attrs.href as string) ? 'tonal' : 'flat'">
+  <v-btn
+    :variant="isRouteSelected($attrs.href as string) ? 'tonal' : 'flat'"
+    @click.prevent="onClick($attrs.href as string)"
+  >
     <slot />
   </v-btn>
 </template>
 <script lang="ts" setup>
+import { navigate } from 'vike/client/router'
+
 import { usePageContext } from '#context/usePageContext'
 
 const pageContext = usePageContext()
 
+function onClick(href: string) {
+  return navigate(href)
+}
+
 const isRouteSelected = (href: string) => {
   if (href === '/app') {
     return pageContext.urlPathname.indexOf(href) === 0