diff --git a/README.md b/README.md
index 357c293..6c5da26 100644
--- a/README.md
+++ b/README.md
@@ -47,7 +47,7 @@ Vue.use(VueSimpleMarkdown)
 | source | String | '' | The markdown source code |
 | emoji | Boolean | `true` | `:)` => `😃` |
 | heading | Boolean | `true` | `#` => `<h1>`, `##` => `<h2>`... |
-| highlight | Boolean | `true` | SyntaxHighlighter ([highlightjs](https://www.npmjs.com/package/highlightjs)) |
+| highlight | Boolean | `true` | SyntaxHighlighter ([highlight.js](https://www.npmjs.com/package/highlight.js)) |
 | horizontal-line | Boolean | `true` | `***` or `___` or `---` => `<hr />` |
 | image | Boolean | `true` | `![imageName.png](imageLocation)` |
 | inline-code | Boolean | `true` | \`someCode\` => `someCode` |
diff --git a/build/webpack.config.base.js b/build/webpack.config.base.js
index 39a4003..1a538eb 100644
--- a/build/webpack.config.base.js
+++ b/build/webpack.config.base.js
@@ -51,6 +51,6 @@ module.exports = {
       }
     ]
   },
-  externals: /highlightjs|node-emoji/,
+  externals: /highlight.js|node-emoji/,
   plugins
 }
diff --git a/package.json b/package.json
index cbe6983..be9adfd 100644
--- a/package.json
+++ b/package.json
@@ -133,7 +133,7 @@
   },
   "dependencies": {
     "github-markdown-css": "^2.8.0",
-    "highlightjs": "^9.10.0",
+    "highlight.js": "^11.7.0",
     "node-emoji": "^1.8.1"
   }
 }
diff --git a/src/rules/highlight.js b/src/rules/highlight.js
index 4e2f472..7188ff3 100644
--- a/src/rules/highlight.js
+++ b/src/rules/highlight.js
@@ -1,5 +1,5 @@
 import { Utils } from './../utils'
-import highlightjs from 'highlightjs'
+import highlightjs from 'highlight.js'
 
 const CODE_BLOCK_REGEX = /([^```]*)``` ?(\w*)([\s\S]+?)```([^```]*)/g