add code highlighting

src/main.ts

@@ -3,7 +3,8 @@ import App from './App.vue'
 import { setupAssets } from '@/plugins'
 import { setupStore } from '@/store'
 import { setupRouter } from '@/router'
-
+import hljs from 'highlight.js'
+import "highlight.js/styles/xcode.css"
 async function bootstrap() {
   const app = createApp(App)
   setupAssets()
@@ -12,6 +13,15 @@ async function bootstrap() {
 
   await setupRouter(app)
 
+  let regexp = /^(?:\s{4}|\t).+/gm
+  app.directive('hljs', {
+    mounted: (el: HTMLElement) => {
+      if (el.textContent?.indexOf(" = ") != -1 || el.textContent.match(regexp)) {
+        hljs.highlightBlock(el)
+      }
+    }
+  })
+
   app.mount('#app')
 }