Skip to content

[BUG] Navbar links not translated when switching language #150

Description

@PyroSh0ck

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

  1. In `useUserLinks.ts`: replace hardcoded labels with i18n key references (e.g., use `t("Schedule")` from `useI18n()`)
  2. In `NavBar/index.vue`: wrap logo text with `{{ $t("Connected Care") }}`
  3. Add all navbar labels to `/i18n/locales/en.json` and `/i18n/locales/es.json`

Acceptance Criteria

  • All navbar labels translate when switching language
  • Logo/brand text translates
  • Mobile navbar also translates

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2: mediumImprovements, non-blocking bugsarea: i18nTranslations, language switchingbugSomething isn't working

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions