refactor: #15 Update highlight.js major version

Author: hoiheart

package-lock.json

@@ -34,7 +34,7 @@
   "dependencies": {
     "@vueuse/core": "^4.7.0",
     "diff-match-patch": "^1.0.5",
-    "highlight.js": "^10.5.0"
+    "highlight.js": "^11.4.0"
   },
   "devDependencies": {
     "@babel/plugin-transform-runtime": "^7.12.1",
@@ -113,6 +113,10 @@
             {
               "type": "style",
               "release": "patch"
+            },
+            {
+              "type": "build",
+              "release": "patch"
             }
           ]
         }
@@ -145,6 +149,11 @@
                 "hidden": false,
                 "section": "Style"
               },
+              {
+                "type": "build",
+                "hidden": false,
+                "section": "Build"
+              },
               {
                 "type": "refactor",
                 "hidden": false,

package.json

@@ -212,7 +212,7 @@ const setHighlightCode = ({ highlightCode, language, code }: { highlightCode: Re
   const hasModifiedTags = code.match(new RegExp(`(${MODIFIED_START_TAG}|${MODIFIED_CLOSE_TAG})`, 'g'))
 
   if (!hasModifiedTags) {
-    highlightCode.value = hljs.highlight(language, code).value
+    highlightCode.value = hljs.highlight(code, { language }).value
     return
   }
 
@@ -222,7 +222,7 @@ const setHighlightCode = ({ highlightCode, language, code }: { highlightCode: Re
   let originalCode = code // original code with modified tags
   const pureCode = code.replace(new RegExp(`(${MODIFIED_START_TAG}|${MODIFIED_CLOSE_TAG})`, 'g'), '') // Without modified tags
   let pureElement = document.createElement('div')
-  pureElement.innerHTML = hljs.highlight(language, pureCode).value // Highlight DOM without modified tags
+  pureElement.innerHTML = hljs.highlight(pureCode, { language }).value // Highlight DOM without modified tags
 
   // Modified span is created per highlight operator and causes it to continue
   let innerModifiedTag = false