feat: 重构 AppMenu 组件以使用 PanelMenu，优化菜单项生成逻辑，更新无限加载页面按钮样式，调整 Vite 插件配置

src/layouts/sakai-vue/AppMenu.vue

@@ -1,17 +1,25 @@
 <script setup lang="ts">
-import type { MenuProps } from 'primevue/menu';
 import type { MenuItem } from 'primevue/menuitem';
+import type { PanelMenuProps } from 'primevue/panelmenu';
 import type { RouteRecordRaw } from 'vue-router/auto';
 import { routes } from 'vue-router/auto-routes';
 
+const router = useRouter();
+
 // 递归处理路由生成菜单项
-const generateMenuItems = (routes: RouteRecordRaw[]): MenuProps['model'] => {
+const generateMenuItems = (routes: RouteRecordRaw[]): PanelMenuProps['model'] => {
   return routes.map((route, index) => {
     const menuItem: MenuItem = {
       label: `${index + 1}. ${(route.name as string) || route.path}`,
       icon: (route.meta?.icon as string) || 'pi pi-fw pi-home',
-      url: route.path,
-      _route: route,
+      // url: route.path,
+      command: route.children?.length
+        ? undefined
+        : () => {
+            console.debug(`route :>> `, route);
+            router.push(route);
+          },
+      // _route_info_: JSON.parse(JSON.stringify(route)),
     };
 
     if (route.children && route.children.length > 0) {
@@ -21,13 +29,13 @@ const generateMenuItems = (routes: RouteRecordRaw[]): MenuProps['model'] => {
   });
 };
 
-const cmptItems = computed<MenuProps['model']>(() => {
+const cmptItems = computed(() => {
   return generateMenuItems(routes);
 });
 </script>
 
 <template>
-  <Menu :model="cmptItems" />
+  <PanelMenu :model="cmptItems" />
 </template>
 
 <style lang="scss" scoped></style>