Node version bump

.nvmrc

@@ -0,0 +1 @@
+v20.19.0

frontend-spec.md

@@ -6,6 +6,9 @@ Status of tests and typing
 - All tests pass: 18 files, 27 tests (legacy JS tests removed; slug-only routes; memory history fallback; unauthenticated and refresh-401 guard redirects covered).
 - `tsc` and `vue-tsc` pass with no errors.
 
+Prerequisites
+- Node.js 20.19.0 LTS or newer (chrome-devtools-mcp requires >=20.19.0). An `.nvmrc` file is provided; run `nvm use` to switch.
+
 # Frontend Specification: Household Multi-Tenancy (v2)
 
 ## 1. Objective

package.json

@@ -42,6 +42,10 @@
     "vitest": "^1.6.0",
     "vue-tsc": "^2.0.29"
   },
+  "engines": {
+    "node": ">=20.19.0",
+    "npm": ">=10.9.0"
+  },
   "lint-staged": {
     "*.{js,vue,css,scss,md}": [
       "prettier --write"

src/router/index.ts

@@ -1,4 +1,5 @@
 import { createRouter, createWebHashHistory, createMemoryHistory, Router } from 'vue-router'
+import { setHouseholdSlugProvider } from '@/api/client'
 import type { RouteRecordRaw } from 'vue-router'
 
 // Lazy-loaded route components
@@ -53,6 +54,10 @@ export function createAppRouter(getCurrentUser: () => Promise<unknown> | unknown
   })
 
   router.beforeEach(async (to) => {
+    // Keep API client household slug in sync with the target route before components mount
+    const paramSlug = typeof to.params.householdSlug === 'string' ? to.params.householdSlug : null
+    setHouseholdSlugProvider(() => paramSlug)
+
     // Allow public routes
     const publicNames = new Set(['login', 'create-account', 'welcome', 'invitation-accept'])
     if (publicNames.has(String(to.name))) return true