feat: 架构调整

src/pages/not-found/index.tsx

@@ -0,0 +1,32 @@
+import { defineComponent } from 'vue';
+import { useRouter } from 'vue-router';
+import { Button, Result } from 'ant-design-vue';
+
+/**
+ * 404 页面
+ */
+export default defineComponent({
+  name: 'NotFound',
+  setup() {
+    const router = useRouter();
+
+    const goHome = () => router.push('/');
+
+    return () => (
+      <Result
+        status="404"
+        title="404"
+        subTitle="抱歉,你访问的页面不存在。"
+        style={{ paddingTop: '120px' }}
+      >
+        {{
+          extra: () => (
+            <Button type="primary" onClick={goHome}>
+              返回首页
+            </Button>
+          ),
+        }}
+      </Result>
+    );
+  },
+});