bertukar data dari respon axios antar komponen

Dashboard.svelte

<script>
  export let data;
  //data = JSON.parse(data);
  console.log(data);
</script>

index.svelte

<script>
  import Dashboard from "./_components/Dashboard.svelte";
  import axios from "axios";
  import backend from "@danang";

  // import { onMount } from "svelte";
  // import { createChart } from "../global.svelte";

  // onMount(createChart);
  const url = backend + "/home";

  /*
  axios
    .get(url, {
      headers: {
        Accept: "application/json",
      },
    })
    .catch((err) => console.log(err))
    .then((res) => getData(res));
*/

  let promise = getData();

  async function getData() {
    await axios
      .get(url, {
        headers: {
          Accept: "application/json",
        },
      })
      .catch((err) => console.log(err))
      .then((res) => {
        const data = res.data.dashboard[0];
        console.log(data);
        return data;
      });
    /* 
    const res = await fetch(url);
    const d = await res.text();
     */
  }
</script>

  {#await promise}
    <p>...waiting</p>
  {:then data}
    <Dashboard {data} />
  {:catch error}
    <p style="color: red">{error.message}</p>
  {/await}