Description
The language toggle (EN/ES) doesn't translate navbar text. The footer translates, but navbar labels remain in English.
Root Cause
`/components/NavBar/index.vue`, line 10:
Logo text `Connected Care` is hardcoded.
`/composables/auth/useUserLinks.ts`, lines 20-65:
All navigation link labels are hardcoded strings:
```typescript
{ label: "Login", ... }
{ label: "Request Form", ... }
{ label: "Schedule", ... }
{ label: "Profile", ... }
{ label: "Children", ... }
{ label: "Patients", ... }
{ label: "Review Forms", ... }
{ label: "Employees", ... }
{ label: "Evaluators", ... }
```
These should use i18n keys instead.
Fix
- In `useUserLinks.ts`: replace hardcoded labels with i18n key references (e.g., use `t("Schedule")` from `useI18n()`)
- In `NavBar/index.vue`: wrap logo text with `{{ $t("Connected Care") }}`
- Add all navbar labels to `/i18n/locales/en.json` and `/i18n/locales/es.json`
Acceptance Criteria
Description
The language toggle (EN/ES) doesn't translate navbar text. The footer translates, but navbar labels remain in English.
Root Cause
`/components/NavBar/index.vue`, line 10:
Logo text `Connected Care` is hardcoded.
`/composables/auth/useUserLinks.ts`, lines 20-65:
All navigation link labels are hardcoded strings:
```typescript
{ label: "Login", ... }
{ label: "Request Form", ... }
{ label: "Schedule", ... }
{ label: "Profile", ... }
{ label: "Children", ... }
{ label: "Patients", ... }
{ label: "Review Forms", ... }
{ label: "Employees", ... }
{ label: "Evaluators", ... }
```
These should use i18n keys instead.
Fix
Acceptance Criteria