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>