feat: add 404 page

nginx/conf.d/root.conf

@@ -12,6 +12,8 @@ server {
   gzip_disable "MSIE [1-6]\.";
   gzip_vary on;
 
+  error_page  404 /404.html;
+  
   location / {
     root /usr/local/nginx/html/;
     try_files $uri $uri/ /index.html;

src/components/button.vue

@@ -11,12 +11,8 @@
 </template>
 
 <script setup lang="ts">
-defineOptions({
-  name: "AButton",
-})
-
-const props = defineProps<{
-  to: string
+defineProps<{
+  to?: string
   icon?: string
 }>()
 </script>

src/pages/404.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { useRouter } from "vue-router"
+
+const router = useRouter()
+</script>
+
+<template>
+  <section class="flex flex-col items-center">
+    <h1 class="m-5">404</h1>
+    <Button @click="router.back()">Back</Button>
+  </section>
+</template>