From f75512cffb4d63441f76cd8b14d20b43b3c9691b Mon Sep 17 00:00:00 2001
From: jableader <jacobdunk@gmail.com>
Date: Sun, 2 Nov 2025 00:32:24 +1100
Subject: [PATCH] Better linkage

---
 src/App.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 3b148cb..a7410c9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,10 +1,10 @@
 <template>
-  <div v-if="!isPublic">
+  <div v-if="!isPublic && activeSlug">
     <ul class="nav">
       <li class="nav-item">
         <router-link
           class="nav-link"
-          :to="{ name: 'recipes' }"
+          :to="{ name: 'recipes', params: { householdSlug: activeSlug } }"
           active-class="active"
         >
           Recipes
@@ -13,7 +13,7 @@
       <li class="nav-item">
         <router-link
           class="nav-link"
-          :to="{ name: 'mealplan' }"
+          :to="{ name: 'mealplan', params: { householdSlug: activeSlug } }"
           active-class="active"
         >
           Meal Plan
@@ -22,7 +22,7 @@
       <li class="nav-item">
         <router-link
           class="nav-link"
-          :to="{ name: 'shopping' }"
+          :to="{ name: 'shopping', params: { householdSlug: activeSlug } }"
           active-class="active"
         >
           Shopping
@@ -54,6 +54,7 @@ const isPublic = computed(() => {
   const n = String(route.name || '')
   return n === 'login' || n === 'create-account' || n === 'welcome' || n === 'invitation-accept'
 })
+const activeSlug = computed(() => (typeof route.params.householdSlug === 'string' ? route.params.householdSlug : ''))
 </script>
 
 <style>