feat: 菜单管理

apps/web-antd/src/views/system/menu/index.vue

@@ -1,9 +1,24 @@
 <script setup lang="ts">
-import CommonSkeleton from '#/views/common';
+import { Page, useVbenDrawer } from '@vben/common-ui';
+import { $t } from '@vben/locales';
+
+import menuDrawer from './menu-drawer.vue';
+
+const [MenuDrawer, drawerApi] = useVbenDrawer({
+  connectedComponent: menuDrawer,
+});
+
+function handleAdd() {
+  drawerApi.setData({ update: false });
+  drawerApi.open();
+}
 </script>
 
 <template>
-  <div>
-    <CommonSkeleton />
-  </div>
+  <Page>
+    <a-button type="primary" @click="handleAdd">
+      {{ $t('pages.common.add') }}
+    </a-button>
+    <MenuDrawer />
+  </Page>
 </template>