From a75ee69b946d9bcd0922f16f6564d2f731de0120 Mon Sep 17 00:00:00 2001
From: "Ruidy (aider)" <ruidy.nemausat@gmail.com>
Date: Fri, 13 Dec 2024 21:41:22 +0100
Subject: [PATCH] feat: Add random recipe button with route navigation and
 composable trigger

---
 components/AppNavbar.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/components/AppNavbar.vue b/components/AppNavbar.vue
index b662a29..83ec17e 100644
--- a/components/AppNavbar.vue
+++ b/components/AppNavbar.vue
@@ -1,3 +1,16 @@
+<script setup lang="ts">
+const router = useRouter();
+const route = useRoute();
+const { execute } = useRecipeRandom();
+
+const handleRandomClick = async () => {
+  if (route.path !== "/random") {
+    await router.push("/random");
+  }
+  await execute();
+};
+</script>
+
 <template>
   <nav class="navbar bg-base-300">
     <div class="navbar-start">
@@ -36,7 +49,7 @@
       </ul>
     </div>
     <div class="navbar-end">
-      <nuxt-link to="/random" class="btn btn-primary">Random</nuxt-link>
+      <button @click="handleRandomClick" class="btn btn-primary">Random</button>
     </div>
   </nav>
 </template>