In the nuxt.js, highlight and math do not take effect, what should I do?

[BobSongCN]

In the nuxt.js, highlight and math do not take effect, what should I do?

`

<script> import {Editor, Viewer} from '@bytemd/vue'; import gfm from '@bytemd/plugin-gfm'; import highlight from '@bytemd/plugin-highlight-ssr'; import mermaid from '@bytemd/plugin-mermaid'; import math from '@bytemd/plugin-math-ssr'; import footnotes from '@bytemd/plugin-footnotes'; export default { name: "drafts", components: {Editor}, data() { return { value: '' }; }, computed: { enabledPlugins() { return [ gfm(), highlight(), mermaid(), math(), footnotes() ]; }, }, methods: { handleChange(v) { this.value = v; }, }, }; </script>

`

[pd4d10]

Thanks for the report!

Could you please provide a reproduction case, for example, https://codesandbox.io/ ?

[BobSongCN]

Thanks for the report!

Could you please provide a reproduction case, for example, https://codesandbox.io/ ?

https://codesandbox.io/s/purple-platform-orctn?file=/pages/index.vue

[pd4d10]

Seems like a CSS problem. Could you please add these lines as follows and check if it works as expected?

import 'highlight.js/styles/vs.css';
import 'katex/dist/katex.css';

[BobSongCN]

Seems like a CSS problem. Could you please add these lines as follows and check if it works as expected?

import 'highlight.js/styles/vs.css';
import 'katex/dist/katex.css';

thx, this is indeed the reason

[zhong1998]

how to using bytemd/vue with nuxt2