release(3.0.1):update hljs 11 and other dependencies

README.md

@@ -3,18 +3,21 @@
 
 # vue-hljs 
 
-### Install
+## Overview
+ℹ️ Update: Highlight.js has released an official vue plugin since Mar 23, 2021. See [highlightjs/vue-plugin](https://github.com/highlightjs/vue-plugin).
+
+This is a vue plugin which allows you to highlight code blocks via vue-directive.
+## Install
 
 ```bash
-npm install vue-hljs --save
+npm install vue-hljs highlight.js
 ```
 or
 ```bash
-yarn add vue-hljs
+yarn add vue-hljs highlight.js
 ```
 
-
-### Usage
+## Example
 ```typescript
 import { createApp } from 'vue'
 import vueHljs from "vue-hljs";
@@ -29,13 +32,18 @@ app.use(vueHljs, { hljs })
 ```html
 <div v-highlight>
   <pre>
-    <code class="you can specify the language here">...</code>
+    <!-- you can specify language by modifing the class attribute -->
+    <code class="typescript">...</code>
   </pre>
 </div>
 ```
-### Use your own style
+## Use your own style
 
 This plugin use gruvbox-dark as default style.
 
 You can wirte your own style or see [highlight.js demo](https://highlightjs.org/static/demo/).
 And then import your css file in Vue project entry.
+
+## Other similar project
+
+- [highlightjs/vue-plugin](https://github.com/highlightjs/vue-plugin): Highlight.js official plugin.

lib/main.ts

@@ -1,5 +1,5 @@
 import type { App, Plugin } from 'vue'
-import type HLJSApi from 'highlight.js'
+import type { HLJSApi } from 'highlight.js'
 import './gruvbox-dark.min.css'
 
 interface Options {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-hljs",
-  "version": "3.0.0",
-  "description": "Highlight.js plugin for Vue.js 2.0",
+  "version": "3.0.1",
+  "description": "Highlight.js plugin for Vue.js 3.0",
   "main": "./dist/vue-hljs.umd.js",
   "module": "./dist/vue-hljs.es.js",
   "exports": {
@@ -13,7 +13,6 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "serve": "vite preview",
     "test": "vitest --run",
     "coverage": "vitest run --coverage",
     "clean": "rm -rf dist/"
@@ -41,12 +40,12 @@
   ],
   "license": "BSD-3",
   "devDependencies": {
-    "@vitest/coverage-c8": "^0.22.1",
-    "highlight.js": "^10.5.0",
-    "typescript": "^4.8.2",
-    "vite": "^3.0.9",
-    "vitest": "^0.22.1",
-    "vue": "^3.2.38"
+    "@vitest/coverage-c8": "^0.27.0",
+    "highlight.js": "^11.7.0",
+    "typescript": "^4.9.4",
+    "vite": "^4.0.4",
+    "vitest": "^0.27.0",
+    "vue": "^3.2.45"
   },
   "peerDependencies": {
     "highlight.js": "^10.0.0",