Is it ok now ?

src/error.vue

@@ -1,34 +0,0 @@
-<script setup lang="ts">
-const error = useError()
-const appConfig = useAppConfig()
-const getColor = computed(() => appConfig.ui.primary)
-</script>
-
-<template>
-  <NuxtLayout name="default">
-    <div class="flex flex-col items-center gap-4">
-      <h1 class="font-medium text-[8rem] md:text-[16rem] leading-none bg-error bg-clip-text tracking-wider font-error" :class="`text-${getColor}-500`">
-        {{ error.statusCode }}
-      </h1>
-      <p class="text-lg md:text-2xl text-subtitle text-center">
-        Sorry, {{ error.statusCode === 404
-          ? "the page you are looking for doesn't exist or as been moved."
-          : "you have encountered a problem."
-        }}
-        <br>
-        Let's find a better place for you to go.
-      </p>
-    </div>
-    <div>
-      <UButton to="/" size="md" variant="soft" color="primary">
-        Go back to the main page
-      </UButton>
-    </div>
-  </NuxtLayout>
-</template>
-
-<style scoped>
-.bg-error {
-  @apply text-transparent bg-clip-text bg-origin-content bg-gradient-to-b from-gray-100 to-gray-300 dark:from-zinc-600 to-55% dark:to-zinc-800;
-}
-</style>