Feature Request: Vue.js syntax highlighting - Githubissues

mayurankv / Obsidian-Code-Styler

A plugin for Obsidian.md for styling codeblocks and inline code

Other

235 stars 6 forks source link

Feature Request: Vue.js syntax highlighting #267

Open ZhaoQi99 opened 3 months ago

ZhaoQi99 commented 3 months ago

Summary

Is there any way to support Vue.js syntax highlighting? I have successfully added Vue.js icon locally by editing LANGUAGES, but I cannot get syntax highlighting to work. https://github.com/mayurankv/Obsidian-Code-Styler/blob/99f7ea21250f7465585dd526013f6e918d167bc2/src/Settings.ts#L1409

Btw, I also tried to edit the MODES, but it still didn't work. https://github.com/mayurankv/Obsidian-Code-Styler/blob/99f7ea21250f7465585dd526013f6e918d167bc2/src/SyntaxHighlighting.ts#L1-L4 And I didn't find Vue.js at https://prismjs.com/. Is it because prismjs does not support it? https://github.com/PrismJS/prism/issues/1665

Additionally,

MIME types defined: text/x-vue, https://codemirror.net/5/mode/vue/index.html
Official Icon in https://vuejs.org/: document.querySelector("#app > div > header > div > div > a > svg")

The icon I used(modified from above):

<g><g stroke="null" id="svg_3"> <path stroke="null" id="svg_1" d="m19.73828,2.5l-3.61328,6.20117l-3.61328,-6.20117l-12.01172,0l15.625,26.85547l15.625,-26.85547c0,0 -12.01172,0 -12.01172,0z" fill="#42b883"/><path stroke="null" id="svg_2" d="m19.73828,2.5l-3.61328,6.20117l-3.61328,-6.20117l-5.76172,0l9.375,16.11328l9.375,-16.11328l-5.76172,0z" fill="#35495e"/></g></g>

Basic example

Motivation

support more language

Existing Requests?

None

alexinea commented 1 week ago

I'm also looking forward to supporting Vue's syntax highlighting.