StyAndCo/zeppelin
3
0
Fork 0
mirror of https://github.com/ZeppelinBot/Zeppelin.git synced 2025-03-15 05:41: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');
}
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 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 { router } from "./routes";
import { RootStore } from "./store";
import "./directives/trim-indents";
import "./directives/highlightjs";
import App from "./components/App.vue";