首页菜单按权限过滤

src/views/Welcome.vue

@@ -26,7 +26,19 @@
   </div>
 </template>
 <script setup lang="ts">
-import menus from '../config/menu'
+import { computed } from 'vue'
+import allMenus from '../config/menu'
+import type { MenuGroup } from '../config/menu'
+import { hasPermission } from '@/utils/permission'
+
+const menus = computed((): MenuGroup[] => {
+  return allMenus
+    .map(group => ({
+      ...group,
+      child: group.child.filter(item => hasPermission(item.permission))
+    }))
+    .filter(group => group.child.length > 0)
+})
 </script>
 <style lang="less" scoped>
 .welcome-page {