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