From 04170ca9fbcea288abae4a0419dea438c1bc8a12 Mon Sep 17 00:00:00 2001
From: formsdev <136701234+formsdev@users.noreply.github.com>
Date: Fri, 5 Jan 2024 15:19:30 +0530
Subject: [PATCH] 404 page migration (#277)

---
 client/error.vue            | 25 +++++++++++++++++++++++++
 client/pages/errors/404.vue | 24 ------------------------
 2 files changed, 25 insertions(+), 24 deletions(-)
 create mode 100644 client/error.vue
 delete mode 100644 client/pages/errors/404.vue

diff --git a/client/error.vue b/client/error.vue
new file mode 100644
index 0000000..d98b8fe
--- /dev/null
+++ b/client/error.vue
@@ -0,0 +1,25 @@
+<template>
+  <NuxtLayout>
+    <div class="flex mt-6">
+      <div class="w-full md:w-2/3 md:mx-auto md:max-w-md">
+        <img alt="Nice plant as we have nothing else to show!" src="/img/icons/plant.png" class="w-56 mb-5">
+
+        <h1 class="mb-4 font-semibold text-3xl text-gray-900">
+          Page Not Found
+        </h1>
+
+        <div class="links">
+          <NuxtLink :to="{ name: 'index' }" class="hover:underline text-gray-700">
+            Go Home
+          </NuxtLink>
+        </div>
+      </div>
+    </div>
+  </NuxtLayout>
+</template>
+
+<script setup>
+useOpnSeoMeta({
+  title: '404 - Page not found'
+})
+</script>
diff --git a/client/pages/errors/404.vue b/client/pages/errors/404.vue
deleted file mode 100644
index 45ac678..0000000
--- a/client/pages/errors/404.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="flex mt-6">
-    <div class="w-full md:w-2/3 md:mx-auto md:max-w-md">
-      <img alt="Nice plant as we have nothing else to show!" src="/img/icons/plant.png" class="w-56 mb-5">
-
-
-      <h1 class="mb-4 font-semibold text-3xl text-gray-900">
-        Page Not Found
-      </h1>
-
-      <div class="links">
-        <NuxtLink :to="{ name: 'index' }" class="hover:underline text-gray-700">
-          Go Home
-        </NuxtLink>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'NotFound'
-}
-</script>