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>