Conditional links

[useo6]

I need to create a link with different text to different nodes, e.g.:

I tried using multiple links like this:

  nodes: [
    {
      id: "1",
      text: "A",
      link: ["-- yes -->", "-- no -->"],
      next: ["2", "3"],
      editable: true
    },
    { id: "2", text: "B", next: ["4"], editable: true },
    { id: "3", text: "C", next: ["4"], editable: true },
    { id: "4", text: "D"},
  ],

Unfortunately this creates something like this:

Any idea?

[robin1liu]

same issue as #2

[robin1liu]

add support at version 0.0.12

[foobst]

I had the same issue and used the solution using a separate entry in the nodes array, but... it was only a work around. Now, I updated to version 0.0.12 to see if I can replace my workaround but I unfortunately 0.0.12 doesn't fix the problem... the problem still exists as described by useo6. I get the same result as with version 0.0.11:

Here's my package.json:

"dependencies": { "mermaid": "8.4.4", "vue-mermaid": "0.0.12" }

... and here are my nodes (copied from readme.md):

nodes = [
    {
      id: "1",
      text: "A",
      link: ["-- yes -->", "-- no -->"],
      next: ["2", "3"],
      editable: true
    },
    { id: "2", text: "B" },
    { id: "3", text: "C"}
  ]
}

I also restarted my vue dev server multiple times but nothing changed :-(

[useo6]

@robin1liu The issue persists even in 0.0.12. I think you forgot to rebuild the dist-file because when I change the "main" property of the package.json of vue-mermaid to "main": "src/index.js" it works in 0.0.12. So, can you rebuild/update the dist-file?