feat: json-preview组件

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

@@ -1,9 +1,24 @@
 <script setup lang="ts">
-import CommonSkeleton from '#/views/common';
+import { Page } from '@vben/common-ui';
+
+import { Card } from 'ant-design-vue';
+
+import { JsonPreview } from '#/components/code-editor';
+
+const obj = {
+  address: {
+    a: 1,
+    b: true,
+  },
+  age: 1234,
+  name: 'ruoyi-plus',
+};
 </script>
 
 <template>
-  <div>
-    <CommonSkeleton />
-  </div>
+  <Page>
+    <Card title="json预览">
+      <JsonPreview :data="obj" />
+    </Card>
+  </Page>
 </template>