pkp#9840 Remove vue3-highlightjs and add Add "highlightjs/vue-plugin"…

…. Use only XML language.
defstat · May 31, 2024 · ade9472 · ade9472
1 parent 23e3b5e
commit ade9472
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/js/load.js b/js/load.js
@@ -96,8 +96,14 @@ import FieldUpload from '@/components/Form/fields/FieldUpload.vue';
 import FieldUploadImage from '@/components/Form/fields/FieldUploadImage.vue';
 import FieldSlider from '@/components/Form/fields/FieldSlider.vue';
 
-import VueHighlightJS from 'vue3-highlightjs';
-import 'highlight.js/styles/default.css';
+
+
+import 'highlight.js/styles/stackoverflow-light.css'
+import hljs from 'highlight.js/lib/core';
+import xml from 'highlight.js/lib/languages/xml';
+import hljsVuePlugin from "@highlightjs/vue-plugin";
+
+hljs.registerLanguage('xml', xml);
 
 // Panel components from UI Library
 import ListPanel from '@/components/ListPanel/ListPanel.vue';
@@ -244,7 +250,7 @@ function pkpCreateVueApp(createAppArgs) {
 		vueApp.component(componentName, allGlobalComponents[componentName]);
 	});
 
-	vueApp.use(VueHighlightJS);
+	vueApp.use(hljsVuePlugin);
 
 	return vueApp;
 }