From 71edb3d676f4d4c724db6a53b7fc9921f445cb19 Mon Sep 17 00:00:00 2001
From: Pascal Martineau <pascal@lewebsimple.ca>
Date: Thu, 26 Mar 2026 11:14:33 -0400
Subject: [PATCH] feat: app config and error page

---
 wp-content/themes/headless/app/app.config.ts |  8 ++++++
 wp-content/themes/headless/app/error.vue     | 26 ++++++++++++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 wp-content/themes/headless/app/app.config.ts
 create mode 100644 wp-content/themes/headless/app/error.vue

diff --git a/wp-content/themes/headless/app/app.config.ts b/wp-content/themes/headless/app/app.config.ts
new file mode 100644
index 0000000..29d3ecc
--- /dev/null
+++ b/wp-content/themes/headless/app/app.config.ts
@@ -0,0 +1,8 @@
+export default defineAppConfig({
+  ui: {
+    colors: {
+      primary: "indigo",
+      neutral: "neutral",
+    },
+  },
+});
diff --git a/wp-content/themes/headless/app/error.vue b/wp-content/themes/headless/app/error.vue
new file mode 100644
index 0000000..59c0f73
--- /dev/null
+++ b/wp-content/themes/headless/app/error.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import { fr } from "@nuxt/ui/locale";
+
+import type { NuxtError } from "#app";
+
+const props = defineProps<{ error: NuxtError }>();
+
+const sanitizedError = computed<NuxtError>(() => {
+  const error = props.error;
+  switch (error.status) {
+    case 404:
+      error.statusMessage = "Page non trouvée";
+      break;
+    case 500:
+      error.statusMessage = "Erreur interne du serveur";
+      break;
+  }
+  return error;
+});
+</script>
+
+<template>
+  <UApp :locale="fr">
+    <UError :error="sanitizedError" />
+  </UApp>
+</template>