Svelte - Adatok betöltése

• Szerző: Sallai András
• Copyright © Sallai András, 2022
• Licenc: CC Attribution-Share Alike 4.0 International
• Web: https://szit.hu

A +page.svelte állománynak lehet egy +page.js vagy egy +page.ts testévre. Ezeket használhatjuk adatok betöltésére a weblap renderelése előtt.

src/routes/+page.ts

import type { PageLoad } from "./$types";
 
export const load = (({ params }) => {
  return {
    post: {
      title: 'cím',
      content: 'Lorem ipsum dolor est amet'
    }
  }
}) satisfies PageLoad;

src/routes/+page.svelte

<script lang="ts">
    import type { PageData } from "./$types";
 
    export let data: PageData;
</script>
<h1>{data.post.title}</h1>
 
<p>
    {data.post.content}
</p>

• https://kit.svelte.dev/docs/load (2022)