feat(page): added 404 page

1 files changed, 32 insertions, 0 deletions

diff --git a/src/pages/404.page.vue b/src/pages/404.page.vue
new file mode 100644
index 0000000..87cbb0a
--- /dev/null
+++ b/src/pages/404.page.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <div class="e404-wrapper">
+        <n-result
+            status="404"
+            title="404 Not Found"
+            description="Sorry, this page does not seem to extist"
+        >
+            <template #footer>
+                <router-link to="/" #="{ navigate, href }" custom>
+                    <n-button
+                        tag="a"
+                        :href="href"
+                        secondary
+                        @click="navigate"
+                        type="success"
+                    >Back home</n-button>
+                </router-link>
+            </template>
+        </n-result>
+    </div>
+</template>
+
+
+<style scoped>
+.e404-wrapper {
+    padding-top: 150px;
+}
+</style>
\ No newline at end of file