feat: 更新路由插件，重构路由获取逻辑并添加新的路由页面

src/pages/router.page.vue

@@ -0,0 +1,56 @@
+<script setup lang="ts">
+import { createGetRoutes, setupLayoutsResult } from '@/plugins/router';
+import { routes } from 'vue-router/auto-routes';
+const router = useRouter();
+
+const list = [
+  {
+    title: 'routes',
+    json: routes,
+  },
+  {
+    title: 'setupLayoutsResult',
+    json: setupLayoutsResult,
+  },
+  {
+    title: 'createGetRoutes(router)()',
+    json: createGetRoutes(router)().map((route) => ({
+      ...route,
+      instances: undefined,
+      leaveGuards: undefined,
+      updateGuards: undefined,
+      enterCallbacks: undefined,
+      components: undefined,
+    })),
+  },
+  // {
+  //   title: 'createGetRoutes(router, true)()',
+  //   json: createGetRoutes(router, true)(),
+  // },
+  {
+    title: 'router.getRoutes()',
+    json: router.getRoutes().map((route) => ({
+      ...route,
+      instances: undefined,
+      leaveGuards: undefined,
+      updateGuards: undefined,
+      enterCallbacks: undefined,
+      components: undefined,
+    })),
+  },
+];
+</script>
+<template>
+  <Tabs :value="list[0].title">
+    <TabList>
+      <Tab v-for="item in list" :key="item.title" :value="item.title">{{ item.title }}</Tab>
+    </TabList>
+    <TabPanels>
+      <TabPanel v-for="item in list" :key="item.title" :value="item.title">
+        <pre>{{ item.json }}</pre>
+      </TabPanel>
+    </TabPanels>
+  </Tabs>
+</template>
+
+<style scoped></style>