├── .cz.json ├── .npmrc ├── playwright ├── index.ts └── index.html ├── .husky ├── pre-commit ├── commit-msg ├── pre-push ├── post-merge ├── post-commit └── post-checkout ├── .lintstagedrc.json ├── .devcontainer └── devcontainer.json ├── .github ├── FUNDING.yml ├── DEPRECATED_DEPENDENCIES_ISSUE_TEMPLATE.md ├── labels.yml └── workflows │ ├── sync-labels.yml │ ├── sync-metadata.yml │ ├── deprecated-dependencies.yml │ └── build.yml ├── pnpm-workspace.yaml ├── src ├── index.spec.ts-snapshots │ ├── options-1.png │ ├── works-1.png │ └── change-value-1.png ├── add-click-event.ts ├── add-click-event.spec.ts ├── index.vue └── index.spec.ts ├── .gitattributes ├── .commitlintrc.json ├── .gitignore ├── eslint.config.ts ├── eslint.lint-staged.config.ts ├── .editorconfig ├── playwright.config.ts ├── entry.ts ├── tsconfig.json ├── .releaserc.json ├── .baserc.json ├── vite.config.ts ├── .gitpod.Dockerfile ├── .vscode └── settings.json ├── .renovaterc.json ├── .gitpod.yml ├── LICENSE.md ├── package.json ├── README.md └── CHANGELOG.md /.cz.json: -------------------------------------------------------------------------------- 1 | { 2 | "path": "cz-conventional-changelog" 3 | } 4 | -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- 1 | auto-install-peers=false 2 | node-linker=hoisted 3 | -------------------------------------------------------------------------------- /playwright/index.ts: -------------------------------------------------------------------------------- 1 | // Needs to be there, otherwise Playwright fails 2 | -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | . "$(dirname -- "$0")/_/husky.sh" 3 | 4 | npx lint-staged 5 | -------------------------------------------------------------------------------- /.lintstagedrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "*.{json,ts,vue}": "eslint --fix --config eslint.lint-staged.config.ts" 3 | } 4 | -------------------------------------------------------------------------------- /.husky/commit-msg: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | . "$(dirname -- "$0")/_/husky.sh" 3 | 4 | npx commitlint --edit "$1" 5 | -------------------------------------------------------------------------------- /.devcontainer/devcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "image": "dworddesign/devcontainer", 3 | "postCreateCommand": "pnpm install --frozen-lockfile" 4 | } 5 | -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | custom: 2 | - buymeacoffee.com/dword 3 | - paypal.me/SebastianLandwehr 4 | github: dword-design 5 | patreon: dworddesign 6 | -------------------------------------------------------------------------------- /pnpm-workspace.yaml: -------------------------------------------------------------------------------- 1 | ignoredBuiltDependencies: 2 | - esbuild 3 | - unrs-resolver 4 | 5 | onlyBuiltDependencies: 6 | - '@playwright/browser-chromium' 7 | -------------------------------------------------------------------------------- /playwright/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/index.spec.ts-snapshots/options-1.png: -------------------------------------------------------------------------------- 1 | version https://git-lfs.github.com/spec/v1 2 | oid sha256:5fd08d81b270735e22834fcd1086d01e72790923c8406453bc67bf9d0918315f 3 | size 4583 4 | -------------------------------------------------------------------------------- /src/index.spec.ts-snapshots/works-1.png: -------------------------------------------------------------------------------- 1 | version https://git-lfs.github.com/spec/v1 2 | oid sha256:cfd8751e35be3bc9d18fcc7d9b8b024af24650178ba729cc31c6e7f5411f3c12 3 | size 1529 4 | -------------------------------------------------------------------------------- /src/index.spec.ts-snapshots/change-value-1.png: -------------------------------------------------------------------------------- 1 | version https://git-lfs.github.com/spec/v1 2 | oid sha256:ed5e75919485577778542990c33d8e48aee8e027346dbbaf3b7d8abab69a566d 3 | size 1519 4 | -------------------------------------------------------------------------------- /src/add-click-event.ts: -------------------------------------------------------------------------------- 1 | export default (diagram: string, options: { id: string }) => 2 | diagram.replaceAll( 3 | /^(\s*click\s+[^\s]+\s*)$/gm, 4 | `$1 mermaidClick_${options.id}`, 5 | ); 6 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | * text=auto eol=lf 2 | *.glb filter=lfs diff=lfs merge=lfs -text 3 | *.jpg filter=lfs diff=lfs merge=lfs -text 4 | *.png filter=lfs diff=lfs merge=lfs -text 5 | *.vsix filter=lfs diff=lfs merge=lfs -text 6 | -------------------------------------------------------------------------------- /.commitlintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": [ 3 | "@commitlint/config-conventional" 4 | ], 5 | "rules": { 6 | "body-max-line-length": [ 7 | 0 8 | ], 9 | "footer-max-line-length": [ 10 | 0 11 | ] 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | .browserslistrc 3 | /.env.json 4 | /.pnpm-store 5 | /.test.env.json 6 | /codecov 7 | /codecov.SHA256SUM 8 | /codecov.SHA256SUM.sig 9 | /coverage 10 | /dist 11 | /node_modules 12 | /playwright/.cache 13 | /test-results 14 | -------------------------------------------------------------------------------- /eslint.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig, globalIgnores } from 'eslint/config'; 2 | import config from '@dword-design/eslint-config'; 3 | 4 | export default defineConfig([ 5 | globalIgnores(['eslint.config.ts', 'eslint.lint-staged.config.ts', 'vite.config.ts', 'entry.ts']), 6 | config, 7 | ]); 8 | -------------------------------------------------------------------------------- /eslint.lint-staged.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'eslint/config'; 2 | import parent from './eslint.config'; 3 | 4 | export default defineConfig([ 5 | ...parent, 6 | { 7 | files: ['**/*.spec.ts'], 8 | rules: { 'playwright/no-focused-test': 'error' }, 9 | }, 10 | ]); 11 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | max_line_length = off 13 | trim_trailing_whitespace = false -------------------------------------------------------------------------------- /playwright.config.ts: -------------------------------------------------------------------------------- 1 | import { defineConfig } from '@playwright/test'; 2 | 3 | export default defineConfig({ 4 | fullyParallel: true, 5 | 6 | preserveOutput: 'failures-only', 7 | 8 | snapshotPathTemplate: 9 | '{snapshotDir}/{testFileDir}/{testFileName}-snapshots/{arg}{-projectName}{ext}', 10 | }); 11 | -------------------------------------------------------------------------------- /.github/DEPRECATED_DEPENDENCIES_ISSUE_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Deprecated dependencies 3 | labels: maintenance 4 | --- 5 | The following dependencies are deprecated: 6 | 7 | {% for dependency in env.DEPRECATED.split(',') %} 8 | - **{{ dependency }}** 9 | {% endfor %} 10 | 11 | Check out the [build]({{ env.RUN_URL }}) for details. 12 | -------------------------------------------------------------------------------- /entry.ts: -------------------------------------------------------------------------------- 1 | import type { App } from 'vue'; 2 | 3 | import component from './src/index.vue'; 4 | 5 | component.install = (app: App) => app.component('VueMermaidString', component); 6 | 7 | if (typeof globalThis !== 'undefined') { 8 | (globalThis as Record).VueMermaidString = component; 9 | } 10 | 11 | export default component; -------------------------------------------------------------------------------- /.husky/pre-push: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | command -v git-lfs >/dev/null 2>&1 || { printf >&2 "\n%s\n\n" "This repository is configured for Git LFS but 'git-lfs' was not found on your path. If you no longer wish to use Git LFS, remove this hook by deleting the 'pre-push' file in the hooks directory (set by 'core.hookspath'; usually '.git/hooks')."; exit 2; } 3 | git lfs pre-push "$@" 4 | -------------------------------------------------------------------------------- /.husky/post-merge: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | command -v git-lfs >/dev/null 2>&1 || { printf >&2 "\n%s\n\n" "This repository is configured for Git LFS but 'git-lfs' was not found on your path. If you no longer wish to use Git LFS, remove this hook by deleting the 'post-merge' file in the hooks directory (set by 'core.hookspath'; usually '.git/hooks')."; exit 2; } 3 | git lfs post-merge "$@" 4 | -------------------------------------------------------------------------------- /.husky/post-commit: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | command -v git-lfs >/dev/null 2>&1 || { printf >&2 "\n%s\n\n" "This repository is configured for Git LFS but 'git-lfs' was not found on your path. If you no longer wish to use Git LFS, remove this hook by deleting the 'post-commit' file in the hooks directory (set by 'core.hookspath'; usually '.git/hooks')."; exit 2; } 3 | git lfs post-commit "$@" 4 | -------------------------------------------------------------------------------- /.husky/post-checkout: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | command -v git-lfs >/dev/null 2>&1 || { printf >&2 "\n%s\n\n" "This repository is configured for Git LFS but 'git-lfs' was not found on your path. If you no longer wish to use Git LFS, remove this hook by deleting the 'post-checkout' file in the hooks directory (set by 'core.hookspath'; usually '.git/hooks')."; exit 2; } 3 | git lfs post-checkout "$@" 4 | -------------------------------------------------------------------------------- /.github/labels.yml: -------------------------------------------------------------------------------- 1 | - color: C2E0C6 2 | name: active 3 | - color: C2E0C6 4 | name: blocked 5 | - color: BFD4F2 6 | name: blocking 7 | - color: BFD4F2 8 | name: breaking 9 | - color: BFD4F2 10 | name: important 11 | - color: C2E0C6 12 | name: maintenance 13 | - color: EDEDED 14 | name: released 15 | - color: EDEDED 16 | name: semantic-release 17 | - color: C2E0C6 18 | name: waiting-for 19 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "declaration": true, 4 | "esModuleInterop": true, 5 | "module": "ESNext", 6 | "moduleResolution": "bundler", 7 | "paths": { 8 | "@/*": [ 9 | "./*" 10 | ] 11 | }, 12 | "skipLibCheck": true, 13 | "strict": true, 14 | "target": "ESNext" 15 | }, 16 | "exclude": [ 17 | "test-results" 18 | ] 19 | } 20 | -------------------------------------------------------------------------------- /.releaserc.json: -------------------------------------------------------------------------------- 1 | { 2 | "plugins": [ 3 | "@semantic-release/commit-analyzer", 4 | "@semantic-release/release-notes-generator", 5 | "@semantic-release/changelog", 6 | "@semantic-release/npm", 7 | "@semantic-release/github", 8 | [ 9 | "@semantic-release/git", 10 | { 11 | "message": "chore: ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}" 12 | } 13 | ] 14 | ] 15 | } 16 | -------------------------------------------------------------------------------- /.github/workflows/sync-labels.yml: -------------------------------------------------------------------------------- 1 | jobs: 2 | build: 3 | runs-on: ubuntu-latest 4 | steps: 5 | - uses: actions/checkout@v4 6 | - env: 7 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 8 | uses: micnncim/action-label-syncer@v1 9 | name: sync-labels 10 | on: 11 | push: 12 | branches: 13 | - master 14 | paths: 15 | - .github/labels.yml 16 | - .github/workflows/sync-labels.yml 17 | -------------------------------------------------------------------------------- /.baserc.json: -------------------------------------------------------------------------------- 1 | { 2 | "allowedMatches": ["playwright"], 3 | "depcheckConfig": { 4 | "ignoreMatches": [ 5 | "@playwright/browser-chromium" 6 | ] 7 | }, 8 | "gitignore": ["/playwright/.cache"], 9 | "name": "@dword-design/component", 10 | "seeAlso": [ 11 | { "description": "Embed a Mermaid diagram in a Nuxt.js app by providing its diagram string.", "repository": "nuxt-mermaid-string" } 12 | ], 13 | "testInContainer": true 14 | } 15 | -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- 1 | import vue from '@vitejs/plugin-vue'; 2 | import dts from 'vite-plugin-dts'; 3 | import { defineConfig } from 'vite'; 4 | 5 | export default defineConfig({ 6 | build: { 7 | lib: { 8 | entry: 'entry.ts', 9 | fileName: format => `index.${format === 'iife' ? 'min' : 'esm'}.js`, 10 | formats: ['es', 'iife'], 11 | name: 'Lib', 12 | }, 13 | rollupOptions: { external: ['vue'], output: { globals: { vue: 'Vue' } } }, 14 | }, 15 | plugins: [vue(), dts()], 16 | }); 17 | -------------------------------------------------------------------------------- /.github/workflows/sync-metadata.yml: -------------------------------------------------------------------------------- 1 | jobs: 2 | build: 3 | runs-on: ubuntu-latest 4 | steps: 5 | - uses: actions/checkout@v4 6 | - uses: jaid/action-sync-node-meta@v2.0.0 7 | with: 8 | approve: false 9 | commitMessage: "fix: write GitHub metadata to package.json [{changes}]" 10 | githubToken: ${{ secrets.GITHUB_TOKEN }} 11 | - uses: liskin/gh-workflow-keepalive@v1 12 | name: sync-metadata 13 | on: 14 | schedule: 15 | - cron: 0 5 * * * 16 | workflow_dispatch: {} 17 | -------------------------------------------------------------------------------- /.gitpod.Dockerfile: -------------------------------------------------------------------------------- 1 | # Need to add :latest, otherwise old versions (e.g. of node) are installed 2 | FROM gitpod/workspace-full-vnc:latest 3 | 4 | RUN curl -s https://packagecloud.io/install/repositories/github/git-lfs/script.deb.sh | sudo bash 5 | RUN sudo apt-get install git-lfs 6 | RUN git lfs install 7 | 8 | # https://www.gitpod.io/docs/languages/javascript 9 | # https://github.com/gitpod-io/gitpod/issues/945 10 | RUN bash -c 'source $HOME/.nvm/nvm.sh && nvm install 22' 11 | RUN echo "nvm use default &>/dev/null" >> ~/.bashrc.d/51-nvm-fix 12 | 13 | RUN yarn global add gitpod-env-per-project @babel/node @babel/core 14 | 15 | RUN sudo apt-get install -y graphviz 16 | 17 | RUN brew install gh 18 | 19 | # Puppeteer dependencies 20 | RUN sudo apt-get update && sudo apt-get install -y libgtk-3-0 libx11-xcb1 libnss3 libxss1 libasound2 libgbm1 libxshmfence1 21 | -------------------------------------------------------------------------------- /src/add-click-event.spec.ts: -------------------------------------------------------------------------------- 1 | import { expect, test } from '@playwright/test'; 2 | import endent from 'endent'; 3 | 4 | import self from './add-click-event'; 5 | 6 | interface TestConfig { 7 | subject: string; 8 | result: string; 9 | } 10 | 11 | const tests: Record = { 12 | 'multiple chars': { 13 | result: endent` 14 | graph TD 15 | click AA mermaidClick_ 16 | `, 17 | subject: endent` 18 | graph TD 19 | click AA 20 | `, 21 | }, 22 | works: { 23 | result: endent` 24 | graph TD 25 | click A mermaidClick_ 26 | `, 27 | subject: endent` 28 | graph TD 29 | click A 30 | `, 31 | }, 32 | }; 33 | 34 | for (const [name, config] of Object.entries(tests)) { 35 | test(name, () => 36 | expect(self(config.subject, { id: '' })).toEqual(config.result), 37 | ); 38 | } 39 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "editor.tabSize": 2, 3 | "files.autoSave": "off", 4 | "files.exclude": { 5 | ".browserslistrc": true, 6 | ".commitlintrc.json": true, 7 | ".cz.json": true, 8 | ".devcontainer": true, 9 | ".editorconfig": true, 10 | ".gitattributes": true, 11 | ".github": true, 12 | ".gitignore": true, 13 | ".gitpod.Dockerfile": true, 14 | ".gitpod.yml": true, 15 | ".husky": true, 16 | ".npmrc": true, 17 | ".pnpm-store": true, 18 | ".releaserc.json": true, 19 | ".renovaterc.json": true, 20 | ".vscode": true, 21 | "CHANGELOG.md": true, 22 | "LICENSE.md": true, 23 | "codecov": true, 24 | "codecov.SHA256SUM": true, 25 | "codecov.SHA256SUM.sig": true, 26 | "coverage": true, 27 | "dist": true, 28 | "eslint.config.ts": true, 29 | "eslint.lint-staged.config.ts": true, 30 | "node_modules": true, 31 | "pnpm-lock.yaml": true, 32 | "vite.config.ts": true 33 | }, 34 | "workbench.editor.enablePreview": false 35 | } 36 | -------------------------------------------------------------------------------- /.renovaterc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": [ 3 | ":semanticCommits", 4 | ":semanticPrefixFix" 5 | ], 6 | "gitIgnoredAuthors": [ 7 | "actions@github.com" 8 | ], 9 | "github-actions": { 10 | "enabled": false 11 | }, 12 | "labels": [ 13 | "maintenance" 14 | ], 15 | "lockFileMaintenance": { 16 | "automerge": true, 17 | "enabled": true, 18 | "semanticCommitType": "chore" 19 | }, 20 | "rangeStrategy": "replace", 21 | "regexManagers": [ 22 | { 23 | "datasourceTemplate": "github-tags", 24 | "fileMatch": [ 25 | "\\.ts$" 26 | ], 27 | "matchStrings": [ 28 | "(^|[^\\w])gitHubAction`(?.*?)@v(?.*?)`" 29 | ], 30 | "versioningTemplate": "npm" 31 | }, 32 | { 33 | "datasourceTemplate": "node-version", 34 | "depNameTemplate": "node", 35 | "fileMatch": [ 36 | "\\.ts$" 37 | ], 38 | "matchStrings": [ 39 | "(^|[^\\w])nodejsVersion`(?.*?)`" 40 | ], 41 | "versioningTemplate": "node" 42 | } 43 | ], 44 | "semanticCommitScope": null 45 | } 46 | -------------------------------------------------------------------------------- /.gitpod.yml: -------------------------------------------------------------------------------- 1 | image: 2 | file: .gitpod.Dockerfile 3 | tasks: 4 | - before: |- 5 | echo "corepack enable" >> /home/gitpod/.bashrc 6 | 7 | # Prevent this prompt: 8 | # pnpm install --frozen-lockfile 9 | # ! Corepack is about to download https://registry.npmjs.org/pnpm/-/pnpm-10.7.1.tgz 10 | # ? Do you want to continue? [Y/n] 11 | echo "export COREPACK_ENABLE_DOWNLOAD_PROMPT=0" >> /home/gitpod/.bashrc 12 | 13 | gitpod-env-per-project >> /home/gitpod/.bashrc 14 | echo "export PUPPETEER_CACHE_DIR=/workspace/vue-mermaid-string/node_modules/.cache/puppeteer" >> /home/gitpod/.bashrc 15 | echo "export PLAYWRIGHT_BROWSERS_PATH=0" >> /home/gitpod/.bashrc 16 | source /home/gitpod/.bashrc 17 | init: |- 18 | git config --global user.name "Sebastian Landwehr" 19 | git config diff.lfs.textconv cat 20 | git lfs pull 21 | pnpm install --frozen-lockfile 22 | vscode: 23 | extensions: 24 | - https://sebastianlandwehr.com/vscode-extensions/karlito40.fix-irregular-whitespace-0.1.1.vsix 25 | - https://sebastianlandwehr.com/vscode-extensions/adrianwilczynski.toggle-hidden-1.0.2.vsix 26 | - octref.vetur@0.33.1 27 | - Tobermory.es6-string-html 28 | - zjcompt.es6-string-javascript 29 | -------------------------------------------------------------------------------- /.github/workflows/deprecated-dependencies.yml: -------------------------------------------------------------------------------- 1 | jobs: 2 | run: 3 | runs-on: ubuntu-latest 4 | steps: 5 | - uses: actions/checkout@v4 6 | with: 7 | lfs: true 8 | - continue-on-error: true 9 | id: check-deprecated-js-deps 10 | uses: tinovyatkin/action-check-deprecated-js-deps@v1 11 | - env: 12 | DEPRECATED: ${{ steps.check-deprecated-js-deps.outputs.deprecated }} 13 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 14 | RUN_URL: https://github.com/${{github.repository}}/actions/runs/${{github.run_id}} 15 | id: create-deprecation-issue 16 | if: ${{ steps.check-deprecated-js-deps.outputs.deprecated }} 17 | uses: JasonEtco/create-an-issue@v2 18 | with: 19 | filename: .github/DEPRECATED_DEPENDENCIES_ISSUE_TEMPLATE.md 20 | update_existing: true 21 | - if: ${{ !steps.check-deprecated-js-deps.outputs.deprecated && 22 | steps.create-deprecation-issue.outputs.number }} 23 | uses: peter-evans/close-issue@v3 24 | with: 25 | comment: Auto-closing the issue 26 | issue-number: ${{ steps.create-deprecation-issue.outputs.number }} 27 | - uses: liskin/gh-workflow-keepalive@v1 28 | name: deprecated-dependencies 29 | on: 30 | schedule: 31 | - cron: 0 5 * * MON 32 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | # License 2 | 3 | Unless stated otherwise all works are: 4 | 5 | Copyright © Sebastian Landwehr 6 | 7 | and licensed under: 8 | 9 | [MIT License](https://opensource.org/license/mit/) 10 | 11 | ## MIT License 12 | 13 | MIT License 14 | 15 | Copyright (c) 16 | 17 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and 18 | associated documentation files (the "Software"), to deal in the Software without restriction, including 19 | without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 20 | copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the 21 | following conditions: 22 | 23 | The above copyright notice and this permission notice shall be included in all copies or substantial 24 | portions of the Software. 25 | 26 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT 27 | LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO 28 | EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER 29 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE 30 | USE OR OTHER DEALINGS IN THE SOFTWARE. -------------------------------------------------------------------------------- /.github/workflows/build.yml: -------------------------------------------------------------------------------- 1 | concurrency: 2 | cancel-in-progress: true 3 | group: ${{ github.workflow }}-${{ github.ref }} 4 | jobs: 5 | build: 6 | if: "!contains(github.event.head_commit.message, '[skip ci]')" 7 | runs-on: ubuntu-latest 8 | steps: 9 | - uses: actions/checkout@v4 10 | with: 11 | lfs: true 12 | ref: ${{ github.event.pull_request.head.repo.full_name == github.repository && 13 | github.event.pull_request.head.ref || '' }} 14 | - uses: actions/setup-node@v4 15 | with: 16 | check-latest: true 17 | node-version: 22 18 | - run: corepack enable 19 | - run: git config --global user.email "actions@github.com" 20 | - run: git config --global user.name "GitHub Actions" 21 | - run: pnpm install --frozen-lockfile 22 | - env: 23 | GH_TOKEN: ${{ secrets.GITHUB_TOKEN }} 24 | run: pnpm verify 25 | - if: always() 26 | uses: actions/upload-artifact@v4 27 | with: 28 | if-no-files-found: ignore 29 | name: Data from tests 30 | path: test-results/*/** 31 | - uses: codecov/codecov-action@v5 32 | with: 33 | token: ${{ secrets.CODECOV_TOKEN }} 34 | - env: 35 | GITHUB_REPOSITORY: ${{ secrets.GITHUB_REPOSITORY }} 36 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 37 | name: Push changed files 38 | run: pnpm dw-ci push-changed-files 39 | - env: 40 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 41 | if: github.ref == 'refs/heads/master' 42 | name: Release 43 | run: pnpm semantic-release 44 | name: build 45 | on: 46 | pull_request: {} 47 | push: 48 | branches: 49 | - master 50 | permissions: 51 | contents: write 52 | id-token: write 53 | issues: write 54 | pull-requests: write 55 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue-mermaid-string", 3 | "version": "8.0.1", 4 | "description": "A Vue.js component that turns a Mermaid string into a diagram.", 5 | "repository": "dword-design/vue-mermaid-string", 6 | "funding": "https://github.com/sponsors/dword-design", 7 | "license": "MIT", 8 | "author": "Sebastian Landwehr ", 9 | "type": "module", 10 | "exports": { 11 | ".": { 12 | "import": { 13 | "default": "./dist/index.esm.js", 14 | "types": "./dist/entry.d.ts" 15 | } 16 | } 17 | }, 18 | "main": "dist/index.esm.js", 19 | "unpkg": "dist/index.min.js", 20 | "browser": "dist/index.min.js", 21 | "files": [ 22 | "dist" 23 | ], 24 | "scripts": { 25 | "build": "base build", 26 | "checkUnknownFiles": "base checkUnknownFiles", 27 | "commit": "base commit", 28 | "depcheck": "base depcheck", 29 | "lint": "base lint", 30 | "prepare": "base prepare", 31 | "prepublishOnly": "base prepublishOnly", 32 | "test": "base test", 33 | "test:raw": "base test:raw", 34 | "typecheck": "base typecheck", 35 | "verify": "base verify" 36 | }, 37 | "dependencies": { 38 | "mermaid": "^11.4.0", 39 | "nanoid": "^5.0.8" 40 | }, 41 | "devDependencies": { 42 | "@dword-design/base": "^16", 43 | "@dword-design/base-config-component": "^7.0.1", 44 | "@playwright/browser-chromium": "^1.57.0", 45 | "@playwright/test": "npm:@playwright/experimental-ct-vue@^1.57.0", 46 | "endent": "npm:@dword-design/endent@^1.4.7", 47 | "p-timeout": "^7.0.1" 48 | }, 49 | "peerDependencies": { 50 | "vue": "*" 51 | }, 52 | "packageManager": "pnpm@10.24.0+sha512.01ff8ae71b4419903b65c60fb2dc9d34cf8bb6e06d03bde112ef38f7a34d6904c424ba66bea5cdcf12890230bf39f9580473140ed9c946fef328b6e5238a345a", 53 | "engines": { 54 | "node": ">=22" 55 | }, 56 | "publishConfig": { 57 | "access": "public" 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /src/index.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 94 | -------------------------------------------------------------------------------- /src/index.spec.ts: -------------------------------------------------------------------------------- 1 | import { expect, test } from '@playwright/test'; 2 | import endent from 'endent'; 3 | import type { ParseErrorFunction } from 'mermaid'; 4 | import pTimeout from 'p-timeout'; 5 | 6 | import Self from './index.vue'; 7 | 8 | type MermaidError = Parameters[0]; 9 | const CALLBACK_PREFIX = 'mermaidClick_'; 10 | 11 | test('change value', async ({ mount }) => { 12 | const self = await mount(Self, { 13 | props: { 14 | value: endent` 15 | graph TD 16 | A --> B 17 | `, 18 | }, 19 | }); 20 | 21 | await self.update({ 22 | props: { 23 | value: endent` 24 | graph TD 25 | B --> C 26 | `, 27 | }, 28 | }); 29 | 30 | await expect(self.locator('svg')).toHaveScreenshot(); 31 | }); 32 | 33 | test('click', async ({ page, mount }) => { 34 | let wasNodeClicked = false; 35 | 36 | const self = await mount(Self, { 37 | props: { 38 | 'onNode-click': (nodeId: string) => { 39 | if (nodeId === 'B') { 40 | wasNodeClicked = true; 41 | } 42 | }, 43 | value: endent` 44 | graph TD 45 | A --> B 46 | click A href "https://google.com" 47 | click B 48 | `, 49 | }, 50 | }); 51 | 52 | await expect( 53 | self.locator('a[*|href="https://google.com"] .node[id^=flowchart-A-]'), 54 | ).toBeAttached(); 55 | 56 | let windowKeys = await page.evaluate(() => Object.keys(globalThis)); 57 | 58 | expect( 59 | windowKeys.filter(key => key.startsWith(CALLBACK_PREFIX)).length, 60 | ).toEqual(1); 61 | 62 | await self.locator('.node[id^=flowchart-B-]').click(); 63 | expect(wasNodeClicked).toEqual(true); 64 | await self.unmount(); 65 | windowKeys = await page.evaluate(() => Object.keys(globalThis)); 66 | 67 | expect( 68 | windowKeys.filter(key => key.startsWith(CALLBACK_PREFIX)).length, 69 | ).toEqual(0); 70 | }); 71 | 72 | /* 'click: multiple diagrams': { 73 | page: endent` 74 | 83 | 84 | 118 | `, 119 | async test({ port }) { 120 | const callbackPrefix = 'mermaidClick_' 121 | await this.page.goto(`http://localhost:${port}`) 122 | await this.page.waitForSelector( 123 | '.diagram:first-child a[*|href="https://google.com"] .node[id^=flowchart-A-]', 124 | ) 125 | 126 | expect( 127 | ( 128 | this.page.evaluate(() => Object.keys(window)) 129 | |> await 130 | |> filter(key => key.startsWith(callbackPrefix)) 131 | ).length, 132 | ).toEqual(2) 133 | await this.page.click('.diagram:first-child .node[id^=flowchart-B-]') 134 | await this.page.waitForSelector('.diagram:first-child.clicked') 135 | await this.page.waitForSelector('.diagram:last-child.not-clicked') 136 | await this.page.click('.diagram:last-child .node[id^=flowchart-B-]') 137 | await this.page.waitForSelector('.diagram:last-child.clicked') 138 | await this.page.click('.hide-button') 139 | expect( 140 | ( 141 | this.page.evaluate(() => Object.keys(window)) 142 | |> await 143 | |> filter(key => key.startsWith(callbackPrefix)) 144 | ).length, 145 | ).toEqual(1) 146 | }, 147 | }, */ 148 | test('error handling', async ({ mount }) => { 149 | const error = await pTimeout( 150 | new Promise(resolve => 151 | mount(Self, { 152 | props: { 153 | 'onParse-error': (_error: MermaidError) => resolve(_error), 154 | value: 'foo', 155 | }, 156 | }), 157 | ), 158 | { milliseconds: 5000 }, 159 | ); 160 | 161 | expect(error instanceof Error ? error.message : error).toMatch( 162 | 'No diagram type detected matching given configuration for text: foo', 163 | ); 164 | }); 165 | 166 | test('options', async ({ mount }) => { 167 | const self = await mount(Self, { 168 | props: { 169 | options: { maxTextSize: 3 }, 170 | value: endent` 171 | graph TD 172 | A --> B 173 | `, 174 | }, 175 | }); 176 | 177 | await expect(self.locator('svg')).toHaveScreenshot(); 178 | }); 179 | 180 | test('works', async ({ mount }) => { 181 | const self = await mount(Self, { 182 | props: { 183 | value: endent` 184 | graph TD 185 | A --> B 186 | `, 187 | }, 188 | }); 189 | 190 | await expect(self.locator('svg')).toHaveScreenshot(); 191 | }); 192 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | # vue-mermaid-string 3 | 4 | 5 | 6 |

7 | 8 | npm version 12 | Linux macOS Windows compatible 13 | Build status 17 | 18 | Coverage status 22 | 23 | Dependency status 24 | Renovate enabled
25 | Open in Gitpod 30 | 31 | Buy Me a Coffee 36 | 37 | PayPal 42 | 43 | Patreon 48 | 49 |

50 | 51 | 52 | 53 | A Vue.js component that turns a Mermaid string into a diagram. 54 | 55 | 56 | In contrast to [vue-mermaid](https://github.com/robin1liu/vue-mermaid), which works by passing structured data to it, this component uses the diagram string directly. The advantage is that it always supports the latest language standard and is easier to use if you have an existing diagram. Depends on your use case which fits better. 57 | 58 | 59 | ## Install via a package manager 60 | 61 | ```bash 62 | # npm 63 | $ npm install vue-mermaid-string 64 | 65 | # Yarn 66 | $ yarn add vue-mermaid-string 67 | ``` 68 | 69 | Add to local components: 70 | 71 | ```html 72 | 81 | ``` 82 | 83 | Or register as a global component: 84 | 85 | ```js 86 | import VueMermaidString from 'vue-mermaid-string' 87 | 88 | app.component('VueMermaidString', VueMermaidString) 89 | ``` 90 | 91 | Or register as a plugin: 92 | 93 | ```js 94 | import VueMermaidString from 'vue-mermaid-string' 95 | 96 | app.use(VueMermaidString) 97 | ``` 98 | 99 | ## Install via CDN 100 | 101 | ```html 102 | 103 | 104 | ``` 105 | 106 | 107 | ## Version compatibility 108 | 109 | | vue-mermaid-string | Vue.js | 110 | |--------------------|--------| 111 | | >= v4 | v3 | 112 | | <= v3 | v2 | 113 | 114 | ## Usage 115 | 116 | Usage is simple, you pass a Mermaid string to the component and you get a visual diagram. For ease of use, we will use the [endent](https://github.com/indentjs/endent) package to declare multiline strings. Of course you can also write them using `\n`. 117 | 118 | ```html 119 | 122 | ``` 123 | 124 | ```js 125 | 138 | ``` 139 | 140 | ## Mermaid options 141 | 142 | It is possible to customize the diagram by passing options to the component. The options are internally passed to `mermaid.initialize`. See the [default config](https://github.com/mermaid-js/mermaid/blob/5b269348024c031e6d76c5582242ea89a86ebf47/src/defaultConfig.js) for a list of available options. 143 | 144 | ```html 145 | 148 | ``` 149 | 150 | ## Click events 151 | 152 | You can register click events by declaring them in the diagram string. To react to a click event, you need to declare it in the diagram via a `click ` declaration. See [the Mermaid docs](https://mermaid-js.github.io/mermaid/#/flowchart?id=interaction) for details. 153 | 154 | When registering a callback, you do not need to specify the callback name, the component will magically inject it into the diagram by itself. Implement the `node-click` event handler to react to click events: 155 | 156 | ```html 157 | 160 | ``` 161 | 162 | ```js 163 | 180 | ``` 181 | 182 | You can also still implement node links. In this case, the handler won't be called but instead the node will be an `` tag that opens the link on click: 183 | 184 | ```html 185 | 188 | ``` 189 | 190 | ```js 191 | 204 | ``` 205 | 206 | ## Error handling 207 | 208 | Mermaid has its own default error handling behavior, outputting a little graphical error message if a parsing error occurs. If you want to have custom error handling, you can react to the `@parse-error` event. Here is a simple example that outputs the error message as a plain string: 209 | 210 | ```html 211 | 215 | ``` 216 | 217 | ```js 218 | 225 | ``` 226 | 227 | 228 | ## Contribute 229 | 230 | Are you missing something or want to contribute? Feel free to file an [issue](https://github.com/dword-design/vue-mermaid-string/issues) or a [pull request](https://github.com/dword-design/vue-mermaid-string/pulls)! ⚙️ 231 | 232 | ## Support 233 | 234 | Hey, I am Sebastian Landwehr, a freelance web developer, and I love developing web apps and open source packages. If you want to support me so that I can keep packages up to date and build more helpful tools, you can donate here: 235 | 236 |

237 | 238 | Buy Me a Coffee 243 |  If you want to send me a one time donation. The coffee is pretty good 😊.
244 | 245 | PayPal 250 |  Also for one time donations if you like PayPal.
251 | 252 | Patreon 257 |  Here you can support me regularly, which is great so I can steadily work on projects. 258 |

259 | 260 | Thanks a lot for your support! ❤️ 261 | 262 | ## See also 263 | 264 | * [nuxt-mermaid-string](https://github.com/dword-design/nuxt-mermaid-string): Embed a Mermaid diagram in a Nuxt.js app by providing its diagram string. 265 | 266 | ## License 267 | 268 | [MIT License](https://opensource.org/license/mit/) © [Sebastian Landwehr](https://sebastianlandwehr.com) 269 | 270 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | ## [8.0.1](https://github.com/dword-design/vue-mermaid-string/compare/v8.0.0...v8.0.1) (2025-12-15) 2 | 3 | 4 | ### Bug Fixes 5 | 6 | * remove delays ([a62b913](https://github.com/dword-design/vue-mermaid-string/commit/a62b913d614232c4f023c805a3120a90f9ccd0d9)) 7 | 8 | # [8.0.0](https://github.com/dword-design/vue-mermaid-string/compare/v7.0.0...v8.0.0) (2025-12-12) 9 | 10 | 11 | ### Bug Fixes 12 | 13 | * lock file maintenance ([#223](https://github.com/dword-design/vue-mermaid-string/issues/223)) ([ae0052c](https://github.com/dword-design/vue-mermaid-string/commit/ae0052c2419a503523c5ee588802f97a0d721d1f)) 14 | 15 | 16 | ### BREAKING CHANGES 17 | 18 | * node.js >= 22 19 | 20 | # [7.0.0](https://github.com/dword-design/vue-mermaid-string/compare/v6.0.1...v7.0.0) (2024-11-15) 21 | 22 | 23 | ### Bug Fixes 24 | 25 | * update dependency mermaid to v11 ([#214](https://github.com/dword-design/vue-mermaid-string/issues/214)) ([62c8417](https://github.com/dword-design/vue-mermaid-string/commit/62c841760f7cbc2966daf7c427498e60e5e0dab9)) 26 | 27 | 28 | ### BREAKING CHANGES 29 | 30 | * update dependency mermaid to v11 31 | 32 | ## [6.0.1](https://github.com/dword-design/vue-mermaid-string/compare/v6.0.0...v6.0.1) (2024-11-14) 33 | 34 | 35 | ### Bug Fixes 36 | 37 | * lock file maintenance ([#213](https://github.com/dword-design/vue-mermaid-string/issues/213)) ([2c28b1d](https://github.com/dword-design/vue-mermaid-string/commit/2c28b1d087e2764672615acb331c438a15a071c4)) 38 | 39 | # [6.0.0](https://github.com/dword-design/vue-mermaid-string/compare/v5.0.1...v6.0.0) (2024-04-18) 40 | 41 | 42 | ### Bug Fixes 43 | 44 | * update dependency mermaid to v10 ([#95](https://github.com/dword-design/vue-mermaid-string/issues/95)) ([913232d](https://github.com/dword-design/vue-mermaid-string/commit/913232d9bfeffcb3c56375cceb96e6c7d3c7431a)) 45 | 46 | 47 | ### BREAKING CHANGES 48 | 49 | * update dependency mermaid to v10 50 | 51 | ## [5.0.1](https://github.com/dword-design/vue-mermaid-string/compare/v5.0.0...v5.0.1) (2024-04-18) 52 | 53 | 54 | ### Bug Fixes 55 | 56 | * doc ([ce7cfdb](https://github.com/dword-design/vue-mermaid-string/commit/ce7cfdb821f1967421b5f34ef6d53024faec0f2d)) 57 | * doc ([2ee770b](https://github.com/dword-design/vue-mermaid-string/commit/2ee770b00247989f0e440cfc21bb95eebf24fd81)) 58 | * lock file maintenance ([#196](https://github.com/dword-design/vue-mermaid-string/issues/196)) ([5d86db0](https://github.com/dword-design/vue-mermaid-string/commit/5d86db04b3a0f0b87bb394cabbf25f085c092102)) 59 | 60 | # [5.0.0](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.70...v5.0.0) (2024-01-24) 61 | 62 | 63 | ### Bug Fixes 64 | 65 | * lock file maintenance ([#186](https://github.com/dword-design/vue-mermaid-string/issues/186)) ([adf8adb](https://github.com/dword-design/vue-mermaid-string/commit/adf8adb94eefd63d0cedcd6a4e4b85f4546648b0)) 66 | 67 | 68 | ### BREAKING CHANGES 69 | 70 | * require node.js >= 18 71 | 72 | ## [4.0.70](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.69...v4.0.70) (2023-10-17) 73 | 74 | 75 | ### Bug Fixes 76 | 77 | * lock file maintenance ([#181](https://github.com/dword-design/vue-mermaid-string/issues/181)) ([6fa0889](https://github.com/dword-design/vue-mermaid-string/commit/6fa088922e87f2bb38a9598356a9341482bfb852)) 78 | 79 | ## [4.0.69](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.68...v4.0.69) (2023-04-21) 80 | 81 | 82 | ### Bug Fixes 83 | 84 | * update dependency @dword-design/base-config-component to v2.0.46 ([ae3da68](https://github.com/dword-design/vue-mermaid-string/commit/ae3da687e11c8ca9f033367c624e00baa6b76c36)) 85 | 86 | ## [4.0.68](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.67...v4.0.68) (2023-04-21) 87 | 88 | 89 | ### Bug Fixes 90 | 91 | * update dependency @dword-design/tester-plugin-component to v3.0.59 ([c429273](https://github.com/dword-design/vue-mermaid-string/commit/c42927359da87e9c1c3a7969605bf0f09d61bc97)) 92 | 93 | ## [4.0.67](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.66...v4.0.67) (2023-04-20) 94 | 95 | 96 | ### Bug Fixes 97 | 98 | * update dependency @dword-design/tester-plugin-puppeteer to v2.1.64 ([2360a06](https://github.com/dword-design/vue-mermaid-string/commit/2360a0686b9454411dc60d690f2048a4b908cd07)) 99 | 100 | ## [4.0.66](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.65...v4.0.66) (2023-04-18) 101 | 102 | 103 | ### Bug Fixes 104 | 105 | * update dependency @dword-design/tester-plugin-puppeteer to v2.1.63 ([3d6659e](https://github.com/dword-design/vue-mermaid-string/commit/3d6659e2c2d65e4ec9e9f0789682b97dcef90752)) 106 | 107 | ## [4.0.65](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.64...v4.0.65) (2023-04-18) 108 | 109 | 110 | ### Bug Fixes 111 | 112 | * update dependency @dword-design/base-config-component to v2.0.44 ([338728c](https://github.com/dword-design/vue-mermaid-string/commit/338728c8b325f9b9086f6b25ec6fa533f166f4b2)) 113 | 114 | ## [4.0.64](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.63...v4.0.64) (2023-04-17) 115 | 116 | 117 | ### Bug Fixes 118 | 119 | * update dependency @dword-design/tester-plugin-component to v3.0.57 ([04a8bc8](https://github.com/dword-design/vue-mermaid-string/commit/04a8bc82682c36e9daf13abeb577e0895faafa1a)) 120 | 121 | ## [4.0.63](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.62...v4.0.63) (2023-04-17) 122 | 123 | 124 | ### Bug Fixes 125 | 126 | * update dependency @dword-design/puppeteer to v6.0.7 ([17b4114](https://github.com/dword-design/vue-mermaid-string/commit/17b41143cc3dafb8c9c513e609e63687e543ebd1)) 127 | 128 | ## [4.0.62](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.61...v4.0.62) (2023-04-15) 129 | 130 | 131 | ### Bug Fixes 132 | 133 | * update dependency @dword-design/tester-plugin-puppeteer to v2.1.62 ([c99072a](https://github.com/dword-design/vue-mermaid-string/commit/c99072ad9352b0791af94111f315694f233d5964)) 134 | 135 | ## [4.0.61](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.60...v4.0.61) (2023-04-14) 136 | 137 | 138 | ### Bug Fixes 139 | 140 | * update dependency @dword-design/tester-plugin-component to v3.0.55 ([6936717](https://github.com/dword-design/vue-mermaid-string/commit/6936717b5427706f618f1fd8c7fc32bd7b633fef)) 141 | 142 | ## [4.0.60](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.59...v4.0.60) (2023-04-14) 143 | 144 | 145 | ### Bug Fixes 146 | 147 | * update dependency @dword-design/base-config-component to v2.0.43 ([922cab3](https://github.com/dword-design/vue-mermaid-string/commit/922cab3a54ccf189de52cfbfc2f696f9c874a46a)) 148 | 149 | ## [4.0.59](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.58...v4.0.59) (2023-04-14) 150 | 151 | 152 | ### Bug Fixes 153 | 154 | * update dependency @dword-design/tester-plugin-component to v3.0.54 ([aef3fe7](https://github.com/dword-design/vue-mermaid-string/commit/aef3fe71ecff151a1825406edd4ff88809288d71)) 155 | 156 | ## [4.0.58](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.57...v4.0.58) (2023-04-14) 157 | 158 | 159 | ### Bug Fixes 160 | 161 | * update dependency @dword-design/puppeteer to v6.0.6 ([10e3c32](https://github.com/dword-design/vue-mermaid-string/commit/10e3c3250407ab954d798f78f9f1839bfe38ebea)) 162 | * update dependency @dword-design/tester-plugin-component to v3.0.53 ([557b938](https://github.com/dword-design/vue-mermaid-string/commit/557b938b4cb5b5931980c5d0af34633545a3ad63)) 163 | 164 | ## [4.0.57](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.56...v4.0.57) (2023-04-13) 165 | 166 | 167 | ### Bug Fixes 168 | 169 | * update dependency @dword-design/tester-plugin-component to v3.0.52 ([ab40b72](https://github.com/dword-design/vue-mermaid-string/commit/ab40b7222dc3cd2f5d5280d26899174d298bbcd5)) 170 | 171 | ## [4.0.56](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.55...v4.0.56) (2023-04-13) 172 | 173 | 174 | ### Bug Fixes 175 | 176 | * update dependency @dword-design/base-config-component to v2.0.40 ([8d2e8ea](https://github.com/dword-design/vue-mermaid-string/commit/8d2e8eada555fe769140c2d597bc387f956401b9)) 177 | 178 | ## [4.0.55](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.54...v4.0.55) (2023-04-12) 179 | 180 | 181 | ### Bug Fixes 182 | 183 | * update dependency @dword-design/tester-plugin-puppeteer to v2.1.61 ([0f0f906](https://github.com/dword-design/vue-mermaid-string/commit/0f0f906b28946c80408357c3904c82eade0cb9de)) 184 | 185 | ## [4.0.54](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.53...v4.0.54) (2023-04-12) 186 | 187 | 188 | ### Bug Fixes 189 | 190 | * update dependency @dword-design/base-config-component to v2.0.38 ([0553419](https://github.com/dword-design/vue-mermaid-string/commit/05534197558ce5427e41a685d62a92ec3e811955)) 191 | 192 | ## [4.0.53](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.52...v4.0.53) (2023-04-11) 193 | 194 | 195 | ### Bug Fixes 196 | 197 | * update dependency @dword-design/base-config-component to v2.0.37 ([78b791a](https://github.com/dword-design/vue-mermaid-string/commit/78b791ab9c8cc3fa21858c202d9db35af2c5af8f)) 198 | 199 | ## [4.0.52](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.51...v4.0.52) (2023-04-11) 200 | 201 | 202 | ### Bug Fixes 203 | 204 | * update dependency @dword-design/tester-plugin-component to v3.0.44 ([da4ab23](https://github.com/dword-design/vue-mermaid-string/commit/da4ab23712d12da378c562581e8b5c29f597f819)) 205 | 206 | ## [4.0.51](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.50...v4.0.51) (2023-04-11) 207 | 208 | 209 | ### Bug Fixes 210 | 211 | * update dependency @dword-design/tester to v2.0.18 ([0d379a7](https://github.com/dword-design/vue-mermaid-string/commit/0d379a75d15047933dfff846062f64793e61130b)) 212 | 213 | ## [4.0.50](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.49...v4.0.50) (2023-04-10) 214 | 215 | 216 | ### Bug Fixes 217 | 218 | * update dependency @dword-design/tester-plugin-component to v3.0.43 ([cff1d53](https://github.com/dword-design/vue-mermaid-string/commit/cff1d534e165ef9178e218eafea48ff5715f974f)) 219 | 220 | ## [4.0.49](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.48...v4.0.49) (2023-04-10) 221 | 222 | 223 | ### Bug Fixes 224 | 225 | * update dependency @dword-design/tester to v2.0.17 ([ad6fca2](https://github.com/dword-design/vue-mermaid-string/commit/ad6fca2afbf3030b5a81bbf5c2c377a24c18cf8e)) 226 | 227 | ## [4.0.48](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.47...v4.0.48) (2023-04-09) 228 | 229 | 230 | ### Bug Fixes 231 | 232 | * update dependency @dword-design/tester-plugin-component to v3.0.38 ([1fb9ea8](https://github.com/dword-design/vue-mermaid-string/commit/1fb9ea8bb0c8f4cec18de8b9f71b89865b6d2957)) 233 | 234 | ## [4.0.47](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.46...v4.0.47) (2023-04-09) 235 | 236 | 237 | ### Bug Fixes 238 | 239 | * update dependency @dword-design/functions to v4.1.7 ([a7a646a](https://github.com/dword-design/vue-mermaid-string/commit/a7a646a220e13f1c32753962b4ad44f2ae09c3bc)) 240 | 241 | ## [4.0.46](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.45...v4.0.46) (2023-04-09) 242 | 243 | 244 | ### Bug Fixes 245 | 246 | * update dependency @dword-design/tester-plugin-component to v3.0.37 ([9d07e5d](https://github.com/dword-design/vue-mermaid-string/commit/9d07e5dbcdcd5e9ce3d1da4b466a037baa3f741f)) 247 | 248 | ## [4.0.45](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.44...v4.0.45) (2023-04-09) 249 | 250 | 251 | ### Bug Fixes 252 | 253 | * update dependency @dword-design/tester to v2.0.14 ([cd404b8](https://github.com/dword-design/vue-mermaid-string/commit/cd404b8044c0e20d9836e87f418a1b931ef6c4a1)) 254 | 255 | ## [4.0.44](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.43...v4.0.44) (2023-04-09) 256 | 257 | 258 | ### Bug Fixes 259 | 260 | * update dependency @dword-design/tester-plugin-puppeteer to v2.1.47 ([174c5be](https://github.com/dword-design/vue-mermaid-string/commit/174c5be9985b8566877034c942cf94ecc74b24d7)) 261 | 262 | ## [4.0.43](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.42...v4.0.43) (2023-04-09) 263 | 264 | 265 | ### Bug Fixes 266 | 267 | * update dependency @dword-design/tester to v2.0.13 ([7a23e62](https://github.com/dword-design/vue-mermaid-string/commit/7a23e620dc4c47391463087a83ed090f58ea135f)) 268 | 269 | ## [4.0.42](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.41...v4.0.42) (2023-04-07) 270 | 271 | 272 | ### Bug Fixes 273 | 274 | * update dependency @dword-design/tester-plugin-component to v3.0.36 ([292b860](https://github.com/dword-design/vue-mermaid-string/commit/292b860f0dccc439b4a3be7cc50242c9fa19cbfb)) 275 | 276 | ## [4.0.41](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.40...v4.0.41) (2023-04-07) 277 | 278 | 279 | ### Bug Fixes 280 | 281 | * update dependency @dword-design/tester-plugin-puppeteer to v2.1.46 ([01a4006](https://github.com/dword-design/vue-mermaid-string/commit/01a4006ed70f4cd0e413014b2ab6ac9050c65358)) 282 | 283 | ## [4.0.40](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.39...v4.0.40) (2023-04-07) 284 | 285 | 286 | ### Bug Fixes 287 | 288 | * update dependency @dword-design/tester-plugin-component to v3.0.35 ([6eb14ae](https://github.com/dword-design/vue-mermaid-string/commit/6eb14ae43be462116c99f87aff0e5e6f02f0aa1a)) 289 | 290 | ## [4.0.39](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.38...v4.0.39) (2023-04-07) 291 | 292 | 293 | ### Bug Fixes 294 | 295 | * update dependency @dword-design/puppeteer to v6.0.5 ([1a69e13](https://github.com/dword-design/vue-mermaid-string/commit/1a69e132ea2bf174885408e5e6a3d60ef7121429)) 296 | 297 | ## [4.0.38](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.37...v4.0.38) (2023-04-07) 298 | 299 | 300 | ### Bug Fixes 301 | 302 | * update dependency @dword-design/base-config-component to v2.0.25 ([f381f56](https://github.com/dword-design/vue-mermaid-string/commit/f381f56aa52fec67bcb94cd98656aef6e3017358)) 303 | 304 | ## [4.0.37](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.36...v4.0.37) (2023-04-06) 305 | 306 | 307 | ### Bug Fixes 308 | 309 | * update dependency @dword-design/tester-plugin-component to v3.0.34 ([6be22a9](https://github.com/dword-design/vue-mermaid-string/commit/6be22a92db07029f801b6849e033f858ccc71a3d)) 310 | * update dependency @dword-design/tester-plugin-puppeteer to v2.1.45 ([9fc87bd](https://github.com/dword-design/vue-mermaid-string/commit/9fc87bdb1d7490f61b342c97596107a58b687370)) 311 | 312 | ## [4.0.36](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.35...v4.0.36) (2023-03-26) 313 | 314 | 315 | ### Bug Fixes 316 | 317 | * update dependency @dword-design/tester-plugin-component to v3.0.33 ([7e73718](https://github.com/dword-design/vue-mermaid-string/commit/7e73718647ccfcdf5203177946e7cb7433017adc)) 318 | 319 | ## [4.0.35](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.34...v4.0.35) (2023-03-26) 320 | 321 | 322 | ### Bug Fixes 323 | 324 | * update dependency nanoid to v4.0.2 ([b18609d](https://github.com/dword-design/vue-mermaid-string/commit/b18609da82d90bdd461fda584277cf01c911ec14)) 325 | 326 | ## [4.0.34](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.33...v4.0.34) (2023-03-25) 327 | 328 | 329 | ### Bug Fixes 330 | 331 | * update dependency @dword-design/base-config-component to v2.0.24 ([a3ed289](https://github.com/dword-design/vue-mermaid-string/commit/a3ed2890311ce87fa6f5f2454869045522132ecc)) 332 | 333 | ## [4.0.33](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.32...v4.0.33) (2023-03-25) 334 | 335 | 336 | ### Bug Fixes 337 | 338 | * update dependency @dword-design/tester-plugin-puppeteer to v2.1.44 ([3dd52b7](https://github.com/dword-design/vue-mermaid-string/commit/3dd52b74f4cb49b6a23c93773b651d1729cf8c0e)) 339 | 340 | ## [4.0.32](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.31...v4.0.32) (2023-03-24) 341 | 342 | 343 | ### Bug Fixes 344 | 345 | * update dependency @dword-design/puppeteer to v6.0.4 ([e42daec](https://github.com/dword-design/vue-mermaid-string/commit/e42daec35ead8de77e8684012ad767df528e762e)) 346 | 347 | ## [4.0.31](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.30...v4.0.31) (2023-03-24) 348 | 349 | 350 | ### Bug Fixes 351 | 352 | * update dependency @dword-design/tester-plugin-component to v3.0.31 ([f5784c5](https://github.com/dword-design/vue-mermaid-string/commit/f5784c5059338510b28076a5c210fe3225111d1f)) 353 | 354 | ## [4.0.30](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.29...v4.0.30) (2023-03-24) 355 | 356 | 357 | ### Bug Fixes 358 | 359 | * update dependency @dword-design/tester-plugin-puppeteer to v2.1.43 ([ca7f8b0](https://github.com/dword-design/vue-mermaid-string/commit/ca7f8b0db3e260ce474a031638877a468a742a42)) 360 | 361 | ## [4.0.29](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.28...v4.0.29) (2023-03-21) 362 | 363 | 364 | ### Bug Fixes 365 | 366 | * update dependency @dword-design/tester-plugin-component to v3.0.30 ([d3d74e9](https://github.com/dword-design/vue-mermaid-string/commit/d3d74e9fccd09126b664bbe894ec2cb22cf1f5a0)) 367 | 368 | ## [4.0.28](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.27...v4.0.28) (2023-03-21) 369 | 370 | 371 | ### Bug Fixes 372 | 373 | * update dependency @dword-design/base-config-component to v2.0.23 ([e69f0fb](https://github.com/dword-design/vue-mermaid-string/commit/e69f0fba4aed732f54627b0a1fb4e40be1450e83)) 374 | 375 | ## [4.0.27](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.26...v4.0.27) (2023-03-21) 376 | 377 | 378 | ### Bug Fixes 379 | 380 | * update dependency @dword-design/tester-plugin-puppeteer to v2.1.42 ([7211f20](https://github.com/dword-design/vue-mermaid-string/commit/7211f20266eb3176d38515f606b9964aeff3ed74)) 381 | 382 | ## [4.0.26](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.25...v4.0.26) (2023-03-21) 383 | 384 | 385 | ### Bug Fixes 386 | 387 | * update dependency @dword-design/tester-plugin-component to v3.0.27 ([5c57da0](https://github.com/dword-design/vue-mermaid-string/commit/5c57da0bc9b86e096cc44a9baf73c4aba2d61667)) 388 | 389 | ## [4.0.25](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.24...v4.0.25) (2023-03-20) 390 | 391 | 392 | ### Bug Fixes 393 | 394 | * update dependency @dword-design/base-config-component to v2.0.21 ([66e9953](https://github.com/dword-design/vue-mermaid-string/commit/66e99535ffeb52d107704c173554d0579b5cd3fd)) 395 | 396 | ## [4.0.24](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.23...v4.0.24) (2023-03-20) 397 | 398 | 399 | ### Bug Fixes 400 | 401 | * update dependency @dword-design/tester-plugin-puppeteer to v2.1.40 ([6504382](https://github.com/dword-design/vue-mermaid-string/commit/6504382254c1c44cdc7c0af081c0ac2d55d05d1e)) 402 | 403 | ## [4.0.23](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.22...v4.0.23) (2023-03-20) 404 | 405 | 406 | ### Bug Fixes 407 | 408 | * update dependency @dword-design/tester-plugin-component to v3.0.26 ([e6c2b61](https://github.com/dword-design/vue-mermaid-string/commit/e6c2b61d44e55ac24749b72b19f6ec21556cb4e9)) 409 | 410 | ## [4.0.22](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.21...v4.0.22) (2023-03-20) 411 | 412 | 413 | ### Bug Fixes 414 | 415 | * update dependency @dword-design/tester-plugin-puppeteer to v2.1.39 ([5903d0a](https://github.com/dword-design/vue-mermaid-string/commit/5903d0ab5ebe10edf3aaab2cbfc27b6f4a7437ee)) 416 | 417 | ## [4.0.21](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.20...v4.0.21) (2023-03-20) 418 | 419 | 420 | ### Bug Fixes 421 | 422 | * update dependency @dword-design/base-config-component to v2.0.20 ([f120aa1](https://github.com/dword-design/vue-mermaid-string/commit/f120aa1e9af81df877b6d99dd7169471c11c46d0)) 423 | 424 | ## [4.0.20](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.19...v4.0.20) (2023-03-19) 425 | 426 | 427 | ### Bug Fixes 428 | 429 | * update dependency @dword-design/base-config-component to v2.0.18 ([b7609e2](https://github.com/dword-design/vue-mermaid-string/commit/b7609e2da0d1d7fee5719c48a628dca4b70d7512)) 430 | 431 | ## [4.0.19](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.18...v4.0.19) (2023-03-19) 432 | 433 | 434 | ### Bug Fixes 435 | 436 | * update dependency @dword-design/tester-plugin-component to v3.0.17 ([87966bb](https://github.com/dword-design/vue-mermaid-string/commit/87966bba189a9237c27cd0e0e018879e46850f53)) 437 | 438 | ## [4.0.18](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.17...v4.0.18) (2023-03-19) 439 | 440 | 441 | ### Bug Fixes 442 | 443 | * update dependency @dword-design/base-config-component to v2.0.17 ([a6e9cb1](https://github.com/dword-design/vue-mermaid-string/commit/a6e9cb1539f7a1e3589c6122284fcea75f5fe8e0)) 444 | * update dependency @dword-design/tester-plugin-puppeteer to v2.1.33 ([d183b17](https://github.com/dword-design/vue-mermaid-string/commit/d183b17b63cdc88048c9c577fdc85fb6d71db706)) 445 | 446 | ## [4.0.17](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.16...v4.0.17) (2023-03-19) 447 | 448 | 449 | ### Bug Fixes 450 | 451 | * update dependency @dword-design/tester-plugin-puppeteer to v2.1.32 ([3fad7b5](https://github.com/dword-design/vue-mermaid-string/commit/3fad7b559817cf989d09a8ceb58114599510b491)) 452 | 453 | ## [4.0.16](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.15...v4.0.16) (2023-03-19) 454 | 455 | 456 | ### Bug Fixes 457 | 458 | * update dependency @dword-design/base-config-component to v2.0.15 ([c5069b5](https://github.com/dword-design/vue-mermaid-string/commit/c5069b51de16369da108ecfa902b5d7b00766a50)) 459 | 460 | ## [4.0.15](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.14...v4.0.15) (2023-03-19) 461 | 462 | 463 | ### Bug Fixes 464 | 465 | * update dependency @dword-design/tester-plugin-component to v3.0.12 ([1505fdb](https://github.com/dword-design/vue-mermaid-string/commit/1505fdb4f22146252846be170a8a7aa408221c90)) 466 | 467 | ## [4.0.14](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.13...v4.0.14) (2023-03-18) 468 | 469 | 470 | ### Bug Fixes 471 | 472 | * update dependency @dword-design/tester-plugin-component to v3.0.11 ([702727e](https://github.com/dword-design/vue-mermaid-string/commit/702727e0c3937a147a49eaf11e5b7985cbe02ef5)) 473 | 474 | ## [4.0.13](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.12...v4.0.13) (2023-03-18) 475 | 476 | 477 | ### Bug Fixes 478 | 479 | * update dependency @dword-design/tester-plugin-component to v3.0.8 ([e8d6a62](https://github.com/dword-design/vue-mermaid-string/commit/e8d6a62b3ffc0d340525bfe08935c2cf03c0e230)) 480 | 481 | ## [4.0.12](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.11...v4.0.12) (2023-03-18) 482 | 483 | 484 | ### Bug Fixes 485 | 486 | * update dependency @dword-design/tester-plugin-component to v3.0.6 ([5be06d8](https://github.com/dword-design/vue-mermaid-string/commit/5be06d83156fb9682712fee3a59f8c5c58e865fb)) 487 | 488 | ## [4.0.11](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.10...v4.0.11) (2023-03-17) 489 | 490 | 491 | ### Bug Fixes 492 | 493 | * update dependency @dword-design/base-config-component to v2.0.12 ([8593b99](https://github.com/dword-design/vue-mermaid-string/commit/8593b995d3c3431c9b23e1f937d5799c788e0eb2)) 494 | 495 | ## [4.0.10](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.9...v4.0.10) (2023-03-16) 496 | 497 | 498 | ### Bug Fixes 499 | 500 | * update dependency @dword-design/base-config-component to v2.0.11 ([4dc1933](https://github.com/dword-design/vue-mermaid-string/commit/4dc1933dd46533129f566fb4eb3aefeedb56ddbc)) 501 | 502 | ## [4.0.9](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.8...v4.0.9) (2023-03-16) 503 | 504 | 505 | ### Bug Fixes 506 | 507 | * update dependency @dword-design/base-config-component to v2.0.9 ([6c45e2a](https://github.com/dword-design/vue-mermaid-string/commit/6c45e2a570e1570f395f1aef81abe5a1e26a976b)) 508 | 509 | ## [4.0.8](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.7...v4.0.8) (2023-03-16) 510 | 511 | 512 | ### Bug Fixes 513 | 514 | * update dependency @dword-design/tester-plugin-puppeteer to v2.1.26 ([a1187e2](https://github.com/dword-design/vue-mermaid-string/commit/a1187e254b62249fc4372855ee9d789e5708d957)) 515 | 516 | ## [4.0.7](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.6...v4.0.7) (2023-03-16) 517 | 518 | 519 | ### Bug Fixes 520 | 521 | * update dependency @dword-design/base-config-component to v2.0.8 ([32ac9d6](https://github.com/dword-design/vue-mermaid-string/commit/32ac9d69fcc1ac70cb1800194e181ae69522aee1)) 522 | 523 | ## [4.0.6](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.5...v4.0.6) (2023-03-16) 524 | 525 | 526 | ### Bug Fixes 527 | 528 | * update dependency @dword-design/tester-plugin-component to v3.0.5 ([9e00719](https://github.com/dword-design/vue-mermaid-string/commit/9e0071985bd570146915fb9594c423934315302d)) 529 | 530 | ## [4.0.5](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.4...v4.0.5) (2023-03-16) 531 | 532 | 533 | ### Bug Fixes 534 | 535 | * update dependency @dword-design/tester-plugin-component to v3.0.3 ([5f1ca20](https://github.com/dword-design/vue-mermaid-string/commit/5f1ca20663b4a65557b5beb177cc15df459dbf98)) 536 | 537 | ## [4.0.4](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.3...v4.0.4) (2023-03-16) 538 | 539 | 540 | ### Bug Fixes 541 | 542 | * update dependency @dword-design/puppeteer to v6.0.3 ([ac6af09](https://github.com/dword-design/vue-mermaid-string/commit/ac6af097dab73ae7c58439e4f4fa37cb39465f70)) 543 | 544 | ## [4.0.3](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.2...v4.0.3) (2023-03-06) 545 | 546 | 547 | ### Bug Fixes 548 | 549 | * update dependency nanoid to v4 ([#77](https://github.com/dword-design/vue-mermaid-string/issues/77)) ([65e0786](https://github.com/dword-design/vue-mermaid-string/commit/65e0786121a86ea6c5bb02eac6a3b063ea3a268b)) 550 | 551 | ## [4.0.2](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.1...v4.0.2) (2023-02-16) 552 | 553 | 554 | ### Bug Fixes 555 | 556 | * doc version compatibility ([08a12ed](https://github.com/dword-design/vue-mermaid-string/commit/08a12edab03f0bd64707e0d4800456985bf23e22)) 557 | 558 | ## [4.0.1](https://github.com/dword-design/vue-mermaid-string/compare/v4.0.0...v4.0.1) (2023-02-15) 559 | 560 | 561 | ### Bug Fixes 562 | 563 | * doc ([79b0a0d](https://github.com/dword-design/vue-mermaid-string/commit/79b0a0de29cb97dd8b58f2b2b5aaadaefceff81b)) 564 | 565 | # [4.0.0](https://github.com/dword-design/vue-mermaid-string/compare/v3.1.0...v4.0.0) (2023-02-15) 566 | 567 | 568 | ### Bug Fixes 569 | 570 | * vue 3, component is client-only now, CDN doesn't require mermaid anymore ([a494f1a](https://github.com/dword-design/vue-mermaid-string/commit/a494f1ac2e228c8af3d16efac5003a5d665858a2)) 571 | 572 | 573 | ### BREAKING CHANGES 574 | 575 | * Migrated to Vue 3 576 | * The component is client-only now. This means that if you use SSR, you need to make sure that the component is only instantiated on the client (e.g. use with Nuxt). Having this flexible led to some issues. 577 | 578 | # [3.1.0](https://github.com/dword-design/vue-mermaid-string/compare/v3.0.2...v3.1.0) (2023-02-14) 579 | 580 | 581 | ### Features 582 | 583 | * options ([#90](https://github.com/dword-design/vue-mermaid-string/issues/90)) ([855b05b](https://github.com/dword-design/vue-mermaid-string/commit/855b05b125e500e2a0f78155a7e2e364dc1829dc)) 584 | 585 | ## [3.0.2](https://github.com/dword-design/vue-mermaid-string/compare/v3.0.1...v3.0.2) (2023-01-10) 586 | 587 | 588 | ### Bug Fixes 589 | 590 | * lock file maintenance ([#83](https://github.com/dword-design/vue-mermaid-string/issues/83)) ([01b859d](https://github.com/dword-design/vue-mermaid-string/commit/01b859d28a61a5a7a1d64126527bd8f663eae594)) 591 | 592 | ## [3.0.1](https://github.com/dword-design/vue-mermaid-string/compare/v3.0.0...v3.0.1) (2023-01-07) 593 | 594 | 595 | ### Bug Fixes 596 | 597 | * use template instead of render function ([#82](https://github.com/dword-design/vue-mermaid-string/issues/82)) ([58365b6](https://github.com/dword-design/vue-mermaid-string/commit/58365b6ca62a29215b95f02db18d577609e796e7)) 598 | 599 | # [3.0.0](https://github.com/dword-design/vue-mermaid-string/compare/v2.2.6...v3.0.0) (2023-01-06) 600 | 601 | 602 | ### Bug Fixes 603 | 604 | * lock file maintenance ([#79](https://github.com/dword-design/vue-mermaid-string/issues/79)) ([6a15786](https://github.com/dword-design/vue-mermaid-string/commit/6a157861bda88eaa14ab56a55ff44de6bef2211e)) 605 | 606 | 607 | ### BREAKING CHANGES 608 | 609 | * drop node 12 support, switch to ESM 610 | 611 | ## [2.2.6](https://github.com/dword-design/vue-mermaid-string/compare/v2.2.5...v2.2.6) (2022-02-17) 612 | 613 | 614 | ### Bug Fixes 615 | 616 | * update config files ([16ece9f](https://github.com/dword-design/vue-mermaid-string/commit/16ece9f7878a05ab153ac8aaa95ad24131e32ae1)) 617 | 618 | ## [2.2.5](https://github.com/dword-design/vue-mermaid-string/compare/v2.2.4...v2.2.5) (2022-02-01) 619 | 620 | 621 | ### Bug Fixes 622 | 623 | * update config files ([5a1e216](https://github.com/dword-design/vue-mermaid-string/commit/5a1e216931ef3c74acddef893a235a721f6553cf)) 624 | 625 | ## [2.2.4](https://github.com/dword-design/vue-mermaid-string/compare/v2.2.3...v2.2.4) (2022-01-12) 626 | 627 | 628 | ### Bug Fixes 629 | 630 | * update config files ([c9d22a6](https://github.com/dword-design/vue-mermaid-string/commit/c9d22a65f9d65ef465b835f9ef741ae87a49e0ec)) 631 | 632 | ## [2.2.3](https://github.com/dword-design/vue-mermaid-string/compare/v2.2.2...v2.2.3) (2022-01-04) 633 | 634 | 635 | ### Bug Fixes 636 | 637 | * update config files ([9ea4118](https://github.com/dword-design/vue-mermaid-string/commit/9ea41189dc9cf51804418069a190a9756f49add5)) 638 | 639 | ## [2.2.2](https://github.com/dword-design/vue-mermaid-string/compare/v2.2.1...v2.2.2) (2021-12-22) 640 | 641 | 642 | ### Bug Fixes 643 | 644 | * allow to change diagram ([#61](https://github.com/dword-design/vue-mermaid-string/issues/61)) ([98f8a64](https://github.com/dword-design/vue-mermaid-string/commit/98f8a648ee23646d6e09b27c84ae3ce7a4ca53f7)) 645 | 646 | ## [2.2.1](https://github.com/dword-design/vue-mermaid-string/compare/v2.2.0...v2.2.1) (2021-12-22) 647 | 648 | 649 | ### Bug Fixes 650 | 651 | * allow multiple chars in click event node id ([#60](https://github.com/dword-design/vue-mermaid-string/issues/60)) ([720d4e2](https://github.com/dword-design/vue-mermaid-string/commit/720d4e2363ecd712882c4ff8a47998542dd97bdf)) 652 | 653 | # [2.2.0](https://github.com/dword-design/vue-mermaid-string/compare/v2.1.5...v2.2.0) (2021-11-25) 654 | 655 | 656 | ### Features 657 | 658 | * click event using Mermaid click directive ([#36](https://github.com/dword-design/vue-mermaid-string/issues/36)) ([fde545a](https://github.com/dword-design/vue-mermaid-string/commit/fde545afec0b8388736e6953d9514734b7c4dc6c)) 659 | 660 | ## [2.1.5](https://github.com/dword-design/vue-mermaid-string/compare/v2.1.4...v2.1.5) (2021-11-01) 661 | 662 | 663 | ### Bug Fixes 664 | 665 | * lock file maintenance ([#47](https://github.com/dword-design/vue-mermaid-string/issues/47)) ([faa3644](https://github.com/dword-design/vue-mermaid-string/commit/faa36445041b9bf6642777ddc68380c1cb41f021)) 666 | 667 | ## [2.1.4](https://github.com/dword-design/vue-mermaid-string/compare/v2.1.3...v2.1.4) (2021-09-03) 668 | 669 | 670 | ### Bug Fixes 671 | 672 | * upgrades ([30e63fa](https://github.com/dword-design/vue-mermaid-string/commit/30e63fada8cae253385c9de586c4d97ff10ec62b)) 673 | 674 | ## [2.1.3](https://github.com/dword-design/vue-mermaid-string/compare/v2.1.2...v2.1.3) (2021-09-03) 675 | 676 | 677 | ### Bug Fixes 678 | 679 | * fix component name ([5a1cab1](https://github.com/dword-design/vue-mermaid-string/commit/5a1cab128442c957cec64c134715d95b087598c8)) 680 | * make value required ([cc3bf69](https://github.com/dword-design/vue-mermaid-string/commit/cc3bf699151d9c76aedc3a643e5bdde05147ab37)) 681 | 682 | ## [2.1.2](https://github.com/dword-design/vue-mermaid-string/compare/v2.1.1...v2.1.2) (2021-09-03) 683 | 684 | 685 | ### Bug Fixes 686 | 687 | * browser ([b9ddcc1](https://github.com/dword-design/vue-mermaid-string/commit/b9ddcc131cbbd9ec306375ab753cc901721e1f66)) 688 | 689 | ## [2.1.1](https://github.com/dword-design/vue-mermaid-string/compare/v2.1.0...v2.1.1) (2021-09-03) 690 | 691 | 692 | ### Bug Fixes 693 | 694 | * ssr compatibility ([0aae0e3](https://github.com/dword-design/vue-mermaid-string/commit/0aae0e3f42ec7b489f6a4f23623d49054aaf5cb4)) 695 | 696 | # [2.1.0](https://github.com/dword-design/vue-mermaid-string/compare/v2.0.15...v2.1.0) (2021-09-03) 697 | 698 | 699 | ### Features 700 | 701 | * custom error handling ([#30](https://github.com/dword-design/vue-mermaid-string/issues/30)) ([ca1d13a](https://github.com/dword-design/vue-mermaid-string/commit/ca1d13aa5fd9a384f07d5d2cad9277b71f1c9bbc)) 702 | 703 | ## [2.0.15](https://github.com/dword-design/vue-mermaid-string/compare/v2.0.14...v2.0.15) (2021-08-28) 704 | 705 | 706 | ### Bug Fixes 707 | 708 | * update readme ([ee3fcbf](https://github.com/dword-design/vue-mermaid-string/commit/ee3fcbf2f18ce972e6ff8616a9e4b35ef664018a)) 709 | 710 | ## [2.0.14](https://github.com/dword-design/vue-mermaid-string/compare/v2.0.13...v2.0.14) (2021-08-28) 711 | 712 | 713 | ### Bug Fixes 714 | 715 | * vue-mermaid note ([bd1f901](https://github.com/dword-design/vue-mermaid-string/commit/bd1f901de1e02eb2ddd06a233d81faa1c2af5375)) 716 | 717 | ## [2.0.13](https://github.com/dword-design/vue-mermaid-string/compare/v2.0.12...v2.0.13) (2021-08-23) 718 | 719 | 720 | ### Bug Fixes 721 | 722 | * update config files ([31e09d9](https://github.com/dword-design/vue-mermaid-string/commit/31e09d936d2f76fed29762640e56b0fa43b64721)) 723 | 724 | ## [2.0.12](https://github.com/dword-design/vue-mermaid-string/compare/v2.0.11...v2.0.12) (2021-08-09) 725 | 726 | 727 | ### Bug Fixes 728 | 729 | * update config files ([e5d1096](https://github.com/dword-design/vue-mermaid-string/commit/e5d1096db0459bf601a0888fd52af7037363c121)) 730 | 731 | ## [2.0.11](https://github.com/dword-design/vue-mermaid-string/compare/v2.0.10...v2.0.11) (2021-07-20) 732 | 733 | 734 | ### Bug Fixes 735 | 736 | * update config files ([c72d2cb](https://github.com/dword-design/vue-mermaid-string/commit/c72d2cb80efd6e60eccfc95614e63b4bd1f54b53)) 737 | 738 | ## [2.0.10](https://github.com/dword-design/vue-mermaid-string/compare/v2.0.9...v2.0.10) (2021-07-06) 739 | 740 | 741 | ### Bug Fixes 742 | 743 | * update config files ([84306f4](https://github.com/dword-design/vue-mermaid-string/commit/84306f4e5cbf6c502f7958052db489f0e4aa79fa)) 744 | 745 | ## [2.0.9](https://github.com/dword-design/vue-mermaid-string/compare/v2.0.8...v2.0.9) (2021-06-29) 746 | 747 | 748 | ### Bug Fixes 749 | 750 | * see also ([7aa964e](https://github.com/dword-design/vue-mermaid-string/commit/7aa964e2c39bb3f320302c2591376ab44f40098b)) 751 | 752 | ## [2.0.8](https://github.com/dword-design/vue-mermaid-string/compare/v2.0.7...v2.0.8) (2021-06-14) 753 | 754 | 755 | ### Bug Fixes 756 | 757 | * lock file maintenance ([#23](https://github.com/dword-design/vue-mermaid-string/issues/23)) ([f73d21a](https://github.com/dword-design/vue-mermaid-string/commit/f73d21a487fc163ccddcb4a3c6d31d862f520d0e)) 758 | * trigger release ([29b7655](https://github.com/dword-design/vue-mermaid-string/commit/29b76551884998e7c3e7c90c2a99ab30aa5a3168)) 759 | 760 | ## [2.0.7](https://github.com/dword-design/vue-mermaid-string/compare/v2.0.6...v2.0.7) (2021-06-09) 761 | 762 | 763 | ### Bug Fixes 764 | 765 | * lock file maintenance ([#22](https://github.com/dword-design/vue-mermaid-string/issues/22)) ([fa5e983](https://github.com/dword-design/vue-mermaid-string/commit/fa5e98323d7168dc1ac8ddd53424f928d36e07d6)) 766 | 767 | ## [2.0.6](https://github.com/dword-design/vue-mermaid-string/compare/v2.0.5...v2.0.6) (2021-05-31) 768 | 769 | 770 | ### Bug Fixes 771 | 772 | * trigger release ([272bfc8](https://github.com/dword-design/vue-mermaid-string/commit/272bfc84dfcfa1cdd38188d731b6c746e8e1032f)) 773 | 774 | ## [2.0.5](https://github.com/dword-design/vue-mermaid-string/compare/v2.0.4...v2.0.5) (2021-05-31) 775 | 776 | 777 | ### Bug Fixes 778 | 779 | * lock file maintenance ([#21](https://github.com/dword-design/vue-mermaid-string/issues/21)) ([2c65faf](https://github.com/dword-design/vue-mermaid-string/commit/2c65fafd1c2df2ba8af482a2a3a8bebdba786312)) 780 | * update readme ([f0b68ee](https://github.com/dword-design/vue-mermaid-string/commit/f0b68ee869e33c1054c3b7523b4d0790de55b82c)) 781 | * update readme ([94fe0e5](https://github.com/dword-design/vue-mermaid-string/commit/94fe0e5b132424a2a7e8695fb17c3382fa941fe9)) 782 | 783 | ## [2.0.4](https://github.com/dword-design/vue-mermaid-string/compare/v2.0.3...v2.0.4) (2021-05-28) 784 | 785 | 786 | ### Bug Fixes 787 | 788 | * update config files ([cfb1bb5](https://github.com/dword-design/vue-mermaid-string/commit/cfb1bb55088d8382bd2b004978aa2055bedae065)) 789 | 790 | ## [2.0.3](https://github.com/dword-design/vue-mermaid-string/compare/v2.0.2...v2.0.3) (2021-05-04) 791 | 792 | 793 | ### Bug Fixes 794 | 795 | * update dependency @dword-design/tester-plugin-component to v2 ([#18](https://github.com/dword-design/vue-mermaid-string/issues/18)) ([711ae04](https://github.com/dword-design/vue-mermaid-string/commit/711ae042e89c82cb98625a37431185d6c389446c)) 796 | 797 | ## [2.0.2](https://github.com/dword-design/vue-mermaid-string/compare/v2.0.1...v2.0.2) (2021-05-04) 798 | 799 | 800 | ### Bug Fixes 801 | 802 | * update dependency @dword-design/puppeteer to v5 ([#16](https://github.com/dword-design/vue-mermaid-string/issues/16)) ([c239cd3](https://github.com/dword-design/vue-mermaid-string/commit/c239cd3b6c46bb3494a2e36aeb91142a497bfdbc)) 803 | 804 | ## [2.0.1](https://github.com/dword-design/vue-mermaid-string/compare/v2.0.0...v2.0.1) (2021-05-04) 805 | 806 | 807 | ### Bug Fixes 808 | 809 | * update dependency @dword-design/functions to v4 ([#15](https://github.com/dword-design/vue-mermaid-string/issues/15)) ([f87f658](https://github.com/dword-design/vue-mermaid-string/commit/f87f658ccbc5f36e30640d223965720b1aeec5cd)) 810 | * update dependency @dword-design/tester to v2 ([#17](https://github.com/dword-design/vue-mermaid-string/issues/17)) ([3644f37](https://github.com/dword-design/vue-mermaid-string/commit/3644f37085a7e2c00e74e652b6655bd2d296f593)) 811 | 812 | # [2.0.0](https://github.com/dword-design/vue-mermaid-string/compare/v1.0.5...v2.0.0) (2021-05-03) 813 | 814 | 815 | ### Bug Fixes 816 | 817 | * update dependency @dword-design/base to v8 ([#14](https://github.com/dword-design/vue-mermaid-string/issues/14)) ([e5e50dd](https://github.com/dword-design/vue-mermaid-string/commit/e5e50dd706d0fb5cd747d461a51048a1a2b195d8)) 818 | 819 | 820 | ### BREAKING CHANGES 821 | 822 | * require Node.js >= 12 823 | 824 | Co-authored-by: Renovate Bot 825 | Co-authored-by: Sebastian Landwehr 826 | Co-authored-by: GitHub Actions 827 | 828 | ## [1.0.5](https://github.com/dword-design/vue-mermaid-string/compare/v1.0.4...v1.0.5) (2021-04-26) 829 | 830 | 831 | ### Bug Fixes 832 | 833 | * update dependency @dword-design/puppeteer to v4 ([#12](https://github.com/dword-design/vue-mermaid-string/issues/12)) ([ab8d9a9](https://github.com/dword-design/vue-mermaid-string/commit/ab8d9a978e4ffe2c3115d9e5bd19c0f7d57b283a)) 834 | 835 | ## [1.0.4](https://github.com/dword-design/vue-mermaid-string/compare/v1.0.3...v1.0.4) (2021-04-13) 836 | 837 | 838 | ### Bug Fixes 839 | 840 | * lock file maintenance ([#6](https://github.com/dword-design/vue-mermaid-string/issues/6)) ([3d31dde](https://github.com/dword-design/vue-mermaid-string/commit/3d31dde6c631f2c15b461c09b6a5e0e3d85c3969)) 841 | 842 | ## [1.0.3](https://github.com/dword-design/vue-mermaid-string/compare/v1.0.2...v1.0.3) (2021-03-23) 843 | 844 | 845 | ### Bug Fixes 846 | 847 | * update dependency @dword-design/functions to v3 ([#5](https://github.com/dword-design/vue-mermaid-string/issues/5)) ([93e1e50](https://github.com/dword-design/vue-mermaid-string/commit/93e1e501db18708326a4e7bf37757f5710112739)) 848 | 849 | ## [1.0.2](https://github.com/dword-design/vue-mermaid-string/compare/v1.0.1...v1.0.2) (2021-03-23) 850 | 851 | 852 | ### Bug Fixes 853 | 854 | * upgrade tester-plugin-puppeteer ([#4](https://github.com/dword-design/vue-mermaid-string/issues/4)) ([8d6e376](https://github.com/dword-design/vue-mermaid-string/commit/8d6e37660c1c27da8407b241e26ae52d3bddaa35)) 855 | 856 | ## [1.0.1](https://github.com/dword-design/vue-mermaid-string/compare/v1.0.0...v1.0.1) (2021-03-22) 857 | 858 | 859 | ### Bug Fixes 860 | 861 | * lock file maintenance ([#2](https://github.com/dword-design/vue-mermaid-string/issues/2)) ([b019922](https://github.com/dword-design/vue-mermaid-string/commit/b0199221cfa8ce6423c6acdd890ada53cf61b2a3)) 862 | 863 | # 1.0.0 (2021-03-19) 864 | 865 | 866 | ### Bug Fixes 867 | 868 | * add puppeteer-to-istanbul ([a09d2b9](https://github.com/dword-design/vue-mermaid-string/commit/a09d2b9da44a36d85099c7c18a8935b383d1bc9d)) 869 | * add snapshot ([21184a5](https://github.com/dword-design/vue-mermaid-string/commit/21184a57102f499ecafc54ef32f0ad033f7a780f)) 870 | * add snapshot ([0a26222](https://github.com/dword-design/vue-mermaid-string/commit/0a26222c03663bbf36e331e74fea8991e6c259cc)) 871 | * remove snapshot ([de13c0b](https://github.com/dword-design/vue-mermaid-string/commit/de13c0b3c658fb286d6fec0f11c1c486cf0d3514)) 872 | * remove snapshot ([05d5f7e](https://github.com/dword-design/vue-mermaid-string/commit/05d5f7ef2c54c19fa240ec0922a4acc54dede347)) 873 | * test in container ([63af289](https://github.com/dword-design/vue-mermaid-string/commit/63af289773f0a4b1b41a6122d297489bf87754d8)) 874 | * upgrades ([d02e7d7](https://github.com/dword-design/vue-mermaid-string/commit/d02e7d71d4e91bb7c9dba9ffb6e4a937b8911b81)) 875 | 876 | 877 | ### Features 878 | 879 | * init ([de8fb82](https://github.com/dword-design/vue-mermaid-string/commit/de8fb82b7fec4c4ad08573d243bf343992f41be4)) 880 | --------------------------------------------------------------------------------