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