feat: 空示例模块

src/pages/home/components/Title.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+interface Props {
+  text: string
+}
+
+const props = defineProps<Props>()
+</script>
+
+<template>
+  <span un-pl-16px un-color-hex-969799 un-text-14px un-fw400>
+    {{ props.text }}
+  </span>
+</template>

src/pages/home/index.vue

@@ -1,24 +1,33 @@
 <script setup lang="ts">
-import { demoRoutes, systemRoutes } from "@/router"
+import { demoRoutes, emptyDemoRoutes, systemRoutes } from "@/router"
 import Description from "@@/components/Description.vue"
 import Cell from "./components/Cell.vue"
+import Title from "./components/Title.vue"
 </script>
 
 <template>
   <div un-px-20px un-py-26px un-select-none>
     <Description un-pl-16px />
     <div un-mt-40px>
-      <span un-pl-16px un-color-hex-969799 un-text-14px un-fw400>
-        示例集合
-      </span>
+      <Title text="示例集合" />
       <Cell
         v-for="route in [...demoRoutes, ...systemRoutes]"
         :key="route.path"
         :title="route.meta?.title || ''"
         :path="route.path"
         un-mt-12px
       />
-      <van-divider>🔥 更多优秀示例，期待你的 PR 👏🏻</van-divider>
     </div>
+    <div un-my-20px>
+      <Title text="空示例集合" />
+      <Cell
+        v-for="route in emptyDemoRoutes"
+        :key="route.path"
+        :title="route.meta?.title || ''"
+        :path="route.path"
+        un-mt-12px
+      />
+    </div>
+    <van-divider>🔥 更多优秀示例，期待你的 PR 👏🏻</van-divider>
   </div>
 </template>

src/router/index.ts

@@ -140,7 +140,10 @@ export const demoRoutes: RouteRecordRaw[] = [
         }
       }
     }
-  },
+  }
+]
+
+export const emptyDemoRoutes: RouteRecordRaw[] = [
   {
     path: "/i18n",
     component: () => import("@/pages/demo/i18n.vue"),
@@ -160,7 +163,7 @@ export const demoRoutes: RouteRecordRaw[] = [
 /** 路由实例 */
 export const router = createRouter({
   history: VITE_ROUTER_HISTORY === "hash" ? createWebHashHistory(VITE_PUBLIC_PATH) : createWebHistory(VITE_PUBLIC_PATH),
-  routes: [...systemRoutes, ...routes, ...demoRoutes]
+  routes: [...systemRoutes, ...routes, ...demoRoutes, ...emptyDemoRoutes]
 })
 
 // 注册路由导航守卫