diff --git a/error.vue b/error.vue
index 59b7b7d..dcff3e5 100644
--- a/error.vue
+++ b/error.vue
@@ -1,12 +1,10 @@
 <script setup lang="ts">
 import Default from "./layouts/default.vue";
+import FourOhFour from "./pages/404.vue";
 </script>
 
 <template>
   <Default>
-    <main class="flex flex-col grow prose dark:prose-invert">
-      <h1 class="mb-0">404 - Not Found</h1>
-      <p>The page you are looking for cannot be found.</p>
-    </main>
+    <FourOhFour />
   </Default>
 </template>
diff --git a/pages/404.vue b/pages/404.vue
new file mode 100644
index 0000000..f6b33da
--- /dev/null
+++ b/pages/404.vue
@@ -0,0 +1,8 @@
+<script setup lang="ts"></script>
+
+<template>
+  <main class="flex flex-col grow prose dark:prose-invert">
+    <h1 class="mb-0">404 - Not Found</h1>
+    <p>The page you are looking for cannot be found.</p>
+  </main>
+</template>