StyAndCo/zeppelin
3
0
Fork 0
mirror of https://github.com/ZeppelinBot/Zeppelin.git synced 2025-03-16 22:21:51 +00:00
Code Releases Activity

fix(docs): hljs depcrecation and new directive

Browse source 
couldn't figure out how to get hljs-vue to work so this was just the
easiest way to fix it
This commit is contained in:
Ruby 2024-05-08 16:32:43 +02:00
parent b28ca170ed
commit 9ee0378d4e
3 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
dashboard/src/components/docs/MarkdownBlock.vue
View file

@ -18,7 +18,7 @@
elem.parentNode.classList.add('codeblock'); elem.parentNode.classList.add('codeblock');
} }
hljs.highlightBlock(elem); hljs.highlightElement(elem);
}); });
} }
}, },

8
dashboard/src/directives/highlightjs.ts Normal file
View file

@ -0,0 +1,8 @@
import Vue from "vue";
import hljs from "highlight.js/lib/core";
Vue.directive("highlightjs", {
bind(el, binding) {
hljs.highlightElement(el)
},
});

3
dashboard/src/init-vue.ts
View file

@ -4,13 +4,14 @@ import Vue from "vue";
import VueHighlightJS from "@highlightjs/vue-plugin"; import VueHighlightJS from "@highlightjs/vue-plugin";
import hljs from "highlight.js/lib/core"; import hljs from "highlight.js/lib/core";
import hljsYaml from "highlight.js/lib/languages/yaml.js"; import hljsYaml from "highlight.js/lib/languages/yaml";
import "highlight.js/styles/base16/ocean.css"; import "highlight.js/styles/base16/ocean.css";
import { router } from "./routes"; import { router } from "./routes";
import { RootStore } from "./store"; import { RootStore } from "./store";
import "./directives/trim-indents"; import "./directives/trim-indents";
import "./directives/highlightjs";
import App from "./components/App.vue"; import App from "./components/App.vue";