feat: Markdown编辑/预览组件(基于vditor)

apps/web-antd/src/views/演示使用自行删除/changelog/index.vue

@@ -1,15 +1,24 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 
-import { MarkdownEditor, Page } from '@vben/common-ui';
+import { MarkdownPreviewer, Page } from '@vben/common-ui';
+
+import { Skeleton } from 'ant-design-vue';
 
 import changelog from '../../../../../../CHANGELOG.md?raw';
 
 const content = ref(changelog);
+
+const loading = ref(true);
 </script>
 
 <template>
   <Page :auto-content-height="true">
-    <MarkdownEditor id="changelog" v-model:value="content" height="100%" />
+    <Skeleton v-show="loading" active />
+    <MarkdownPreviewer
+      v-model:value="content"
+      height="100%"
+      @mounted="loading = false"
+    />
   </Page>
 </template>