src/lib/components/result/space/Space.svelte

<script lang="ts">
	import Author from "./Author.svelte";
	import Overview from "./Overview.svelte";
	import Runtime from "./Runtime.svelte";
	import Likers from "./likers/Likers.svelte";

  export let data: Record<string, any> | null = {};

  $: formattedData = {
    ...data?.cardData,
    createdAt: data?.createdAt
  }

  $: console.log(data);
</script>

  <div class="grid grid-cols-1 lg:grid-cols-5 gap-8 mt-8">
    <Overview {...formattedData } />
    {#if data?.author}
      <Author author={data?.author} />
    {/if}
    {#if data?.likers}
      <Likers likers={data?.likers} type={data?.likers_type} />
    {/if}
    {#if data?.runtime}
      <Runtime runtime={data?.runtime} />
    {/if}
  </div>