Better linkage

This commit is contained in:
jableader 2025-11-02 00:32:24 +11:00
parent e33ad633fe
commit f75512cffb

View file

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