Add Vue syntax highlight

lcharette · lcharette · commit 91fd8fd070f8 · 2026-02-09T20:24:06.000-05:00
diff --git a/app/assets/highlight.js b/app/assets/highlight.js
@@ -1,10 +1,12 @@
 import CopyButtonPlugin from 'highlightjs-copy'
 import hljs from 'highlight.js'
+import hljsDefineVue from 'highlightjs-vue'
 
 // Initialize Highlight.js with Copy Button plugin
 hljs.addPlugin(
     new CopyButtonPlugin({
         autohide: false // Always show the copy button
     })
 )
+hljsDefineVue(hljs) // Register Vue language definition
 hljs.highlightAll()
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
         "axios": "^1.12.0",
         "highlight.js": "^11.11.1",
         "highlightjs-copy": "^1.0.6",
+        "highlightjs-vue": "^1.0.0",
         "vue": "^3.3.4"
     },
     "devDependencies": {
