From 24c6cffaa85fd8ceee929de40d4bd7af4e13b3e7 Mon Sep 17 00:00:00 2001
From: NHoarau <h.nico.sully@gmail.com>
Date: Mon, 22 Jun 2026 14:41:40 +0400
Subject: [PATCH] feat(a11y): added nuxt/a11y in loaded modules, and fixed two
 errors

---
 apps/web/app/app.vue                  | 4 ++++
 apps/web/app/components/AppHeader.vue | 2 +-
 apps/web/i18n/locales/en.json         | 1 +
 apps/web/i18n/locales/fr.json         | 1 +
 apps/web/nuxt.config.ts               | 7 ++++++-
 5 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/apps/web/app/app.vue b/apps/web/app/app.vue
index e96e575..ab6f820 100644
--- a/apps/web/app/app.vue
+++ b/apps/web/app/app.vue
@@ -1,7 +1,11 @@
 <script setup>
 const { t } = useI18n();
+const i18nHead = useLocaleHead();
 
 useHead({
+  htmlAttrs: {
+    lang: () => i18nHead.value.htmlAttrs.lang,
+  },
   meta: [{ name: "viewport", content: "width=device-width, initial-scale=1" }],
   link: [{ rel: "icon", href: "/favicon.ico" }],
 });
diff --git a/apps/web/app/components/AppHeader.vue b/apps/web/app/components/AppHeader.vue
index 239ab37..4feec65 100644
--- a/apps/web/app/components/AppHeader.vue
+++ b/apps/web/app/components/AppHeader.vue
@@ -11,7 +11,7 @@ function handleLocaleChange(value: string) {
 <template>
   <UHeader>
     <template #left>
-      <NuxtLink to="/">
+      <NuxtLink to="/" :aria-label="t('nav.home')">
         <AppLogo class="w-auto h-6 shrink-0" />
       </NuxtLink>
 
diff --git a/apps/web/i18n/locales/en.json b/apps/web/i18n/locales/en.json
index 4352dc2..b193025 100644
--- a/apps/web/i18n/locales/en.json
+++ b/apps/web/i18n/locales/en.json
@@ -4,6 +4,7 @@
     "description": "Project management made simple."
   },
   "nav": {
+    "home": "Home",
     "projects": "Projects"
   },
   "projects": {
diff --git a/apps/web/i18n/locales/fr.json b/apps/web/i18n/locales/fr.json
index 3819281..60c8da4 100644
--- a/apps/web/i18n/locales/fr.json
+++ b/apps/web/i18n/locales/fr.json
@@ -4,6 +4,7 @@
     "description": "La gestion de projets simplifiée."
   },
   "nav": {
+    "home": "Accueil",
     "projects": "Projets"
   },
   "projects": {
diff --git a/apps/web/nuxt.config.ts b/apps/web/nuxt.config.ts
index 0c39b62..0ae7124 100644
--- a/apps/web/nuxt.config.ts
+++ b/apps/web/nuxt.config.ts
@@ -1,9 +1,13 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  modules: ["@nuxt/eslint", "@nuxt/ui", "@nuxtjs/i18n"],
+  modules: ["@nuxt/eslint", "@nuxt/ui", "@nuxtjs/i18n", "@nuxt/a11y"],
 
   devtools: {
     enabled: true,
+
+    timeline: {
+      enabled: true,
+    },
   },
 
   css: ["~/assets/css/main.css"],
@@ -26,6 +30,7 @@ export default defineNuxtConfig({
   },
 
   i18n: {
+    baseUrl: process.env.NUXT_PUBLIC_SITE_URL ?? "http://localhost:3000",
     locales: [
       { code: "en", language: "en", name: "English", file: "en.json" },
       { code: "fr", language: "fr", name: "Français", file: "fr.json" },