feat: 代码预览

apps/web-antd/src/views/tool/gen/index.vue

@@ -1,9 +1,20 @@
 <script setup lang="ts">
-import CommonSkeleton from '#/views/common';
+import { Page, useVbenModal } from '@vben/common-ui';
+
+import codePreviewModal from './code-preview-modal.vue';
+
+const [CodePreviewModal, previewModalApi] = useVbenModal({
+  connectedComponent: codePreviewModal,
+});
+
+function handlePreview() {
+  previewModalApi.open();
+}
 </script>
 
 <template>
-  <div>
-    <CommonSkeleton />
-  </div>
+  <Page>
+    <a-button @click="handlePreview">代码预览</a-button>
+    <CodePreviewModal />
+  </Page>
 </template>