fix #39 space in code

Author: ravenq

package.json

@@ -29,16 +29,16 @@
   },
   "main": "dist/markdown-it-vue.umd.min.js",
   "dependencies": {
-    "echarts": "^4.9.0",
-    "flowchart.js": "^1.14.1",
+    "echarts": "^5.0.0",
+    "flowchart.js": "^1.15.1",
     "font-awesome-icon-chars": "^2.6.0",
     "github-markdown-css": "^4.0.0",
-    "highlight.js": "^10.2.1",
-    "markdown-it": "^11.0.1",
+    "highlight.js": "^10.4.1",
+    "markdown-it": "^13.0.3",
     "markdown-it-abbr": "^1.0.4",
     "markdown-it-container": "^3.0.0",
     "markdown-it-deflist": "^2.1.0",
-    "markdown-it-emoji": "^1.4.0",
+    "markdown-it-emoji": "^2.0.0",
     "markdown-it-footnote": "^3.0.1",
     "markdown-it-github-toc": "^3.2.4",
     "markdown-it-ins": "^3.0.0",
@@ -51,18 +51,18 @@
     "markdown-it-sup": "^1.0.0",
     "markdown-it-task-lists": "^2.1.1",
     "markdown-it-toc-and-anchor": "^4.1.2",
-    "mermaid": "^8.8.1",
+    "mermaid": "^8.8.4",
     "vue": "^2.6.12"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^4.5.6",
-    "@vue/cli-plugin-eslint": "^4.5.6",
-    "@vue/cli-service": "^4.5.6",
+    "@vue/cli-plugin-babel": "^4.5.9",
+    "@vue/cli-plugin-eslint": "^4.5.9",
+    "@vue/cli-service": "^4.5.9",
     "babel-eslint": "^10.1.0",
-    "eslint": "^7.10.0",
-    "eslint-plugin-vue": "^7.0.0",
+    "eslint": "^7.16.0",
+    "eslint-plugin-vue": "^7.3.0",
     "vue-cli-plugin-component-lib": "^0.1.6",
-    "vue-cli-plugin-webpack-bundle-analyzer": "^2.0.0",
+    "vue-cli-plugin-webpack-bundle-analyzer": "^4.0.0",
     "vue-template-compiler": "^2.6.12"
   },
   "eslintConfig": {

src/markdown-it-highlight.js

@@ -99,7 +99,7 @@ hljs.registerLanguage('erlang-repl', ErlangRepl)
 const highlightPlugin = md => {
   md.renderer.rules.fence = (tokens, idx) => {
     const token = tokens[idx]
-    const code = token.content.trim()
+    const code = token.content
     const lang = token.info
     const langObj = hljs.getLanguage(lang)
     let cnt
@@ -108,7 +108,8 @@ const highlightPlugin = md => {
     } else {
       cnt = hljs.highlightAuto(code).value
     }
-    return `<pre><code class="hljs">${cnt}</code></pre>`
+    
+    return `<pre class="hljs"><code>${cnt}</code></pre>`
   }
 }