feat: add 404 page

nginx/conf.d/root.conf

@@ -11,6 +11,8 @@ server {
   gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/javascript application/json;
   gzip_disable "MSIE [1-6]\.";
   gzip_vary on;
+
+  error_page  404 /404.html;
   
   location / {
     root /usr/local/nginx/html/;

src/components/button.vue

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