ToDo:
  ☐ push to gh pages
  ☐ document div with background instead of img
  ☐ document vite importing assets
    ☐ importing an image
  ☐ fix link to homepage (loading into new tab)
    ☐ doc this
  ☐ create interface under models.ts for production-chains.ts
  ☐ use v-for to loop over object

Notes:

watchEffect(() => {
    if (mermaidGraph.value != null) {
      mermaid.render(
        'test',
        "flowchart LR; Wood((<div class='wood-icon'><span>1</span></div>))-->Icon((<div class='timber-icon'>1</div>)); classDef mermaid-height height:50px; class Wood mermaid-height",
        (svgCode: string) => {
          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          mermaidGraph.value!.innerHTML = svgCode;
        }
      );
    } else {
      console.log('null value');
    }
  });

  .timber-icon {
    background: no-repeat center/100% url('../assets/annoIcons/Timber.webp');
    width: 40px;
    height: 40px;
  }