feat: 想继续添加完毕

src/router/index.ts

@@ -30,6 +30,12 @@ const routes: Array<RouteRecordRaw> = [
                 name: 'Editor',
                 component: () => import(/* webpackChunkName: "Editor" */ '@/views/editor/index.vue'),
                 meta: { title: '在线编辑器' }
+            },
+            {
+                path: '/cpt',
+                name: 'CPT',
+                component: () => import(/* webpackChunkName: "Editor" */ '@/views/Compare/index.vue'),
+                meta: { title: '示例对比' }
             }
         ]
     },

src/views/Compare/index.vue

+<template>
+    <div ref="view" class="w-full h-full"></div>
+</template>
+
+<script lang="ts" setup>
+const view = ref()
+import TextA from '@/assets/file/Trans-Convert.xml?raw'
+import TextB from '@/assets/file/CES-QEC-V250-A.xml?raw'
+import { CodeMirror, vkbeautify } from './lib/CodeMirror.js';
+
+onMounted(function () {
+    console.log('the code mirror', CodeMirror)
+    const mv = CodeMirror.MergeView(view.value, {
+        value: TextA,
+        origLeft: null,
+        orig: TextB,
+        lineNumbers: true,
+        mode: 'application/xml',
+        showDifferences: true,
+        connect: 'align',
+        collapseIdentical: false,
+        revertButtons: true,
+        allowEditingOriginals: true,
+        chunkClassLocation: ['background', 'wrap', 'gutter']
+    });
+    mv.editor().setValue(vkbeautify.xml(TextA));
+    mv.rightOriginal().setValue(vkbeautify.xml(TextB));
+})
+</script>