App.svelte

<script lang="ts">
  import DialogSetComponent from "./DialogSetComponent.svelte";

  import SingleDialogComponent from "./SingleDialogComponent.svelte";
  import type { Dialog, DialogSet } from "./types";

  export let dialogSet: DialogSet = {
    startDialogName: "start",
    dialogs: {
      start: {
        imageUrl:
          "https://patrec.cs.tu-dortmund.de/cms/en/home/Bilder_Mitarbeiter/Staff/Fink_small_Internet.jpg",
        text: "Hallo, kann ich etwas für sie tun?",
        options: [
          {
            text: "Hallo Herr Fink, ich grüße sie recht herzlich!",
            linksToDialog: "greetFink",
          },
        ],
      },
      greetFink: {
        imageUrl:
          "https://patrec.cs.tu-dortmund.de/cms/en/home/Bilder_Mitarbeiter/Staff/Fink_small_Internet.jpg",
        text:
          "Ich grüße sie auch recht herzlich, doch leider habe ich zu tun. Bitte kommen sie doch ein anderes mal wieder.",
        options: [],
      },
    },
  };
</script>

<main>
  <DialogSetComponent {...dialogSet} />
</main>