From 915a33253e51d3c30b49851ff558ee642e7f3753 Mon Sep 17 00:00:00 2001
From: kittentm <aidenplayzroblox123@gmail.com>
Date: Tue, 12 May 2026 23:52:23 +0200
Subject: [PATCH] feat: handle 404s

---
 app/pages/[...slug].vue | 15 +++++++++++++++
 bun.lock                |  3 +++
 nuxt.config.ts          |  1 +
 package.json            |  1 +
 4 files changed, 20 insertions(+)
 create mode 100644 app/pages/[...slug].vue

diff --git a/app/pages/[...slug].vue b/app/pages/[...slug].vue
new file mode 100644
index 0000000..280bc94
--- /dev/null
+++ b/app/pages/[...slug].vue
@@ -0,0 +1,15 @@
+<template>
+  <UContainer class="flex flex-col items-center justify-center py-20 text-center">
+    <h1 class="text-9xl font-bold text-primary">404</h1>
+    <h2 class="text-3xl font-semibold mt-4">Oooooops!</h2>
+    <p class="text-muted-foreground my-6 max-w-md">
+      "/{{ Array.isArray($route.params.slug) ? $route.params.slug.join('/') : $route.params.slug || '' }}" doesn't exist.
+    </p>
+    <UButton 
+      to="/" 
+      size="lg" 
+      label="Return to Home" 
+      icon="i-octicon-home-fill-16" 
+    />
+  </UContainer>
+</template>
\ No newline at end of file
diff --git a/bun.lock b/bun.lock
index 9c1d1eb..1863f95 100644
--- a/bun.lock
+++ b/bun.lock
@@ -12,6 +12,7 @@
         "tailwindcss": "^4.3.0",
       },
       "devDependencies": {
+        "@iconify-json/octicon": "^1.2.23",
         "@nuxt/eslint": "^1.15.2",
         "eslint": "^10.3.0",
         "typescript": "^6.0.3",
@@ -196,6 +197,8 @@
 
     "@iconify-json/lucide": ["@iconify-json/lucide@1.2.106", "", { "dependencies": { "@iconify/types": "2.0.0" } }, "sha512-5nuejHR29A0iQjvLZRRPtuMyj1DA9pzcDMuHD4vmhG7GgLen8haMKiZcZ1IpKVZDwR8wxfcbCv9MsoWHBBAa+g=="],
 
+    "@iconify-json/octicon": ["@iconify-json/octicon@1.2.23", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-Orzy6EGFBuqiME4WAyyv7Wr/RCOtf2EDUiCHBr0glTMyPQWwtZqribj9UEbDPE/ZMlwx79YrQ7sOoDQv1pVqRQ=="],
+
     "@iconify-json/simple-icons": ["@iconify-json/simple-icons@1.2.81", "", { "dependencies": { "@iconify/types": "2.0.0" } }, "sha512-Utjw4sPtoVdbpAQAkC4O0cYpt4ehQZYr6aFHhmvdeW8mQwkINyAe0ogTPqNptSSKogZ2lfgXM8zpuhO961Wnng=="],
 
     "@iconify/collections": ["@iconify/collections@1.0.677", "", { "dependencies": { "@iconify/types": "2.0.0" } }, "sha512-Uwbl1p26Md6m2xTMjalJsmQ43YxW+j6RsyrL5RnxRCHEhwympJlaBBCGTKrqI3sA93g9UVJ/Pxi7zDqM3E1oPw=="],
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 73cf386..0b7bde8 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,5 +1,6 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
+  srcDir: 'app/',
   modules: [
     '@nuxt/eslint',
     '@nuxt/ui'
diff --git a/package.json b/package.json
index ca7f5ba..d60b147 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "tailwindcss": "^4.3.0"
   },
   "devDependencies": {
+    "@iconify-json/octicon": "^1.2.23",
     "@nuxt/eslint": "^1.15.2",
     "eslint": "^10.3.0",
     "typescript": "^6.0.3",