ruidy/meal_planner
1
0
Fork 0
mirror of https://github.com/rjNemo/meal_planner synced 2026-06-06 02:26:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: Add random recipe button with route navigation and composable trigger

Browse source
This commit is contained in:
Ruidy (aider) 2024-12-13 21:41:22 +01:00 committed by Ruidy
parent 821a48dfe4
commit a75ee69b94
No known key found for this signature in database
GPG key ID: E00F51288CB857CC
1 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
components/AppNavbar.vue
View file

@ -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>