dragon-editor 4.0.0 → 4.0.2

package/dist/module.json

@@ -4,7 +4,7 @@
     "nuxt": ">=3.0.0"
   },
   "configKey": "dragon-editor",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/Block/Code.vue

@@ -63,11 +63,11 @@
 </template>
 
 <script setup>
-import hljs from "highlight.js";
 import { useEditorStore } from "../../store/editor";
 import { ref, computed, nextTick } from "vue";
 import { onClickOutside } from "@vueuse/core";
 import { _moveCodeBlockEvent, _codeBlockShiftEnterEvent, _codeBlockTabEvent, _normalPasteEvent } from "../../utils/event";
+import { _highlightingCode } from "../../utils/data";
 const editorStore = useEditorStore();
 const props = defineProps({
   data: { type: null, required: true },
@@ -161,12 +161,11 @@ function contentKeydownEvent(event) {
 async function setLanguageEvent(lang) {
   if ($content.value !== null) {
     const textContent = $content.value.textContent;
-    const highlights = hljs.highlight(textContent, { language: lang });
     const newData = JSON.parse(JSON.stringify(props.data));
     isLanguageListActive.value = false;
     abortEdit();
     newData.language = lang;
-    newData.textContent = highlights.value;
+    newData.textContent = _highlightingCode(textContent, lang);
     emit("update", newData);
     await nextTick();
     setEdit();
@@ -175,9 +174,8 @@ async function setLanguageEvent(lang) {
 function setStyleEvent() {
   if ($content.value !== null) {
     const textContent = $content.value.textContent;
-    const highlights = hljs.highlight(textContent, { language: props.data.language });
     const newData = JSON.parse(JSON.stringify(props.data));
-    newData.textContent = highlights.value;
+    newData.textContent = _highlightingCode(textContent, props.data.language);
     emit("update", newData);
   }
 }

package/dist/runtime/components/DragonEditor.d.vue.ts

@@ -1,4 +1,3 @@
-import "../scss/editor.scss.js";
 import { _addBlock, _addImageBlock, _checkDataIsEmpty } from "../utils/data/index.js";
 import { _editorMountedEvent } from "../utils/event/index.js";
 import { _setAlign } from "../utils/node/index.js";