Start splitting in component the page.

This commit is contained in:
2023-08-13 14:36:43 +02:00
parent edbbd2f0f6
commit d13d6c1366
5 changed files with 60 additions and 47 deletions

View File

@@ -0,0 +1,14 @@
<script lang="ts">
import type { ServiceConfig } from '$lib/config';
import { getServiceComponent } from '$lib/services/services';
export let service: ServiceConfig;
export let data: any;
const component = getServiceComponent(service.type || '');
</script>
<p>{service.title}</p>
{#if component != undefined}
<svelte:component this={component} {data} />
{/if}

View File

@@ -0,0 +1,11 @@
<script lang="ts">
import type { ServiceGroupConfig } from '$lib/config';
import ServiceCard from './ServiceCard.svelte';
export let group: ServiceGroupConfig;
export let groupData: Array<unknown>;
</script>
{#each group.items as service, i}
<ServiceCard {service} data={groupData[i]} />
{/each}