upgrade deps

README.md

@@ -1,6 +1,7 @@
 # vue-markdown-viewer
 
-![npm](https://img.shields.io/npm/v/vue-markdown-viewer) ![npm](https://img.shields.io/npm/dw/vue-markdown-viewer)
+![npm](https://img.shields.io/npm/v/vue-markdown-viewer)
+![npm](https://img.shields.io/npm/dm/vue-markdown-viewer)
 
 Vue component to render markdown with [remark](https://github.com/remarkjs/remark).
 

package.json

@@ -1,8 +1,8 @@
 {
   "name": "vue-markdown-viewer",
   "type": "module",
-  "version": "2.0.0",
-  "packageManager": "pnpm@9.0.6",
+  "version": "2.0.1",
+  "packageManager": "pnpm@9.14.2",
   "license": "MIT",
   "repository": "hojas/vue-markdown-viewer",
   "bugs": "https://github.com/hojas/vue-markdown-viewer/issues",
@@ -27,7 +27,9 @@
   "main": "./dist/vue-markdown-viewer.cjs",
   "module": "./dist/vue-markdown-viewer.js",
   "types": "./dist/index.d.ts",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev:vue": "node ./scripts/dev.cjs --demo=vue",
     "dev:nuxt": "node ./scripts/dev.cjs --demo=nuxt",
@@ -36,18 +38,25 @@
     "push": "pnpm build && npm publish"
   },
   "dependencies": {
-    "rehype-stringify": "^10.0.0",
+    "rehype-stringify": "^10.0.1",
     "remark-parse": "^11.0.0",
-    "remark-rehype": "^11.1.0",
-    "unified": "^11.0.4"
+    "remark-rehype": "^11.1.1",
+    "unified": "^11.0.5"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.16.1",
-    "@types/node": "^20.12.8",
-    "eslint": "^9.2.0",
+    "@antfu/eslint-config": "^3.9.2",
+    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@types/node": "^22.9.3",
+    "eslint": "^9.15.0",
+    "rollup": "^4.27.4",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "rollup-plugin-vue": "^6.0.0",
     "shelljs": "^0.8.5",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.11",
-    "vue-tsc": "^2.0.16"
+    "typescript": "^5.7.2",
+    "unplugin-vue": "^5.1.5",
+    "vite": "^5.4.11",
+    "vue-tsc": "^2.1.10"
   }
 }

packages/demo/package.json

@@ -7,23 +7,23 @@
     "build": "vite build"
   },
   "dependencies": {
-    "github-markdown-css": "^5.5.1",
-    "highlight.js": "^11.9.0",
-    "katex": "^0.16.10",
-    "mermaid": "^10.9.0",
-    "rehype-highlight": "^7.0.0",
-    "rehype-katex": "^7.0.0",
+    "github-markdown-css": "^5.8.0",
+    "highlight.js": "^11.10.0",
+    "katex": "^0.16.11",
+    "mermaid": "^11.4.0",
+    "rehype-highlight": "^7.0.1",
+    "rehype-katex": "^7.0.1",
     "rehype-slug": "^6.0.0",
     "remark-gfm": "^4.0.0",
     "remark-math": "^6.0.0",
     "remark-toc": "^9.0.0",
-    "vue": "^3.4.26",
+    "vue": "^3.5.13",
     "vue-markdown-viewer": "workspace:*"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.4",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.11",
-    "vue-tsc": "^2.0.16"
+    "@vitejs/plugin-vue": "^5.2.0",
+    "typescript": "^5.7.2",
+    "vite": "^5.4.11",
+    "vue-tsc": "^2.1.10"
   }
 }

packages/nuxt-demo/components/MermaidRender.vue

@@ -4,17 +4,17 @@ import mermaid from 'mermaid'
 
 const pre = ref()
 
-onMounted(async () => {
-  mermaid.initialize({ startOnLoad: false })
-  await mermaid.run({
+onMounted(() => {
+  mermaid.initialize({ startOnLoad: true, theme: 'dark' })
+  mermaid.run({
     nodes: [pre.value],
     suppressErrors: true
   })
 })
 </script>
 
 <template>
-  <div>
-    <div ref="pre" class="mermaid"><slot /></div>
-  </div>
+  <ClientOnly>
+    <pre ref="pre" class="mermaid"><slot /></pre>
+  </ClientOnly>
 </template>

packages/nuxt-demo/package.json

@@ -10,21 +10,21 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
-    "github-markdown-css": "^5.5.1",
-    "highlight.js": "^11.9.0",
-    "katex": "^0.16.10",
-    "mermaid": "^10.9.0",
-    "nuxt": "^3.11.2",
-    "parse5": "^7.1.2",
-    "rehype-highlight": "^7.0.0",
-    "rehype-katex": "^7.0.0",
+    "github-markdown-css": "^5.8.0",
+    "highlight.js": "^11.10.0",
+    "katex": "^0.16.11",
+    "mermaid": "^11.4.0",
+    "nuxt": "^3.14.1592",
+    "parse5": "^7.2.1",
+    "rehype-highlight": "^7.0.1",
+    "rehype-katex": "^7.0.1",
     "rehype-raw": "^7.0.0",
     "rehype-slug": "^6.0.0",
     "remark-gfm": "^4.0.0",
     "remark-math": "^6.0.0",
     "remark-toc": "^9.0.0",
     "vue": "*",
     "vue-markdown-viewer": "workspace:*",
-    "vue-router": "^4.3.2"
+    "vue-router": "^4.4.5"
   }
 }

packages/vue-markdown-viewer/package.json

@@ -22,15 +22,15 @@
     "unified": "*"
   },
   "devDependencies": {
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-commonjs": "*",
+    "@rollup/plugin-json": "*",
+    "@rollup/plugin-node-resolve": "*",
     "@types/node": "*",
-    "rollup": "^4.17.2",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-typescript2": "^0.36.0",
-    "rollup-plugin-vue": "^6.0.0",
+    "rollup": "*",
+    "rollup-plugin-typescript2": "*",
+    "rollup-plugin-vue": "*",
     "typescript": "*",
-    "unplugin-vue": "^5.0.5",
+    "unplugin-vue": "*",
     "vue": "*"
   }
 }

packages/vue-markdown-viewer/rollup.config.js

@@ -1,8 +1,12 @@
+import { createRequire } from 'node:module'
+import commonjs from '@rollup/plugin-commonjs'
 import { nodeResolve } from '@rollup/plugin-node-resolve'
-import commonjs from 'rollup-plugin-commonjs'
 import typescript from 'rollup-plugin-typescript2'
 import vue from 'rollup-plugin-vue'
-import packageJson from './package.json' assert { type: 'json' }
+
+const require = createRequire(import.meta.url)
+
+const packageJson = require('./package.json')
 
 export default {
   input: 'src/index.ts',