chore: 支持在 playground 中直接使用库名导入

Author: rennzhang

playground/demo/merge.vue

@@ -12,7 +12,8 @@
 import { ref, defineComponent } from "vue";
 import { MergeView } from "codemirror/addon/merge/merge";
 import { Editor } from "codemirror";
-import Codemirror from "@/index";
+import Codemirror from "codemirror-editor-vue3";
+
 import "codemirror/mode/htmlmixed/htmlmixed.js";
 
 export default defineComponent({

playground/demo/placeholder.vue

@@ -11,7 +11,7 @@
 <script lang="ts">
 import { ref } from "vue";
 import { EditorConfiguration } from "codemirror";
-import Codemirror from "@/index";
+import Codemirror from "codemirror-editor-vue3";
 
 // language
 import "codemirror/mode/javascript/javascript.js";
@@ -32,10 +32,13 @@ export default defineComponent({
 
     cmPlaceholder.value += "1 ";
 
-    setInterval(() => {
+    const timer = setInterval(() => {
       cmPlaceholder.value += "1 ";
       console.log(cmPlaceholder.value);
     }, 2000);
+    onUnmounted(() => {
+      clearInterval(timer);
+    });
     return {
       code,
       cmOptions,

playground/demo/theme.vue

@@ -8,7 +8,7 @@
 <script lang="ts">
 import { ref } from "vue";
 import { EditorConfiguration } from "codemirror";
-import Codemirror from "@/index";
+import Codemirror from "codemirror-editor-vue3";
 
 // language
 import "codemirror/mode/javascript/javascript.js";

tsconfig.json

@@ -18,7 +18,8 @@
     "forceConsistentCasingInFileNames": true,
     "paths": {
       "@/*": ["packages/*"],
-      "./*": ["./*"]
+      "./*": ["./*"],
+      "codemirror-editor-vue3": ["packages/index.ts"]
     }
   },
   "include": [

vite.config.ts

@@ -20,6 +20,10 @@ const viteCfg = defineConfig({
         find: /@\//,
         replacement: `${pathResolve("packages/")}/`,
       },
+      {
+        find: "codemirror-editor-vue3",
+        replacement: `${pathResolve("packages/index.ts")}`,
+      },
     ],
   },
   // 生产环境路径，类似webpack的assetsPath