[[oktatas:web:svelte|< Svelte]]

====== Svelte - Adatok betöltése ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2022
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== Az adatok betöltéséről =====

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. 

<code javascript 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;
</code>


<code html 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>
</code>

===== Forrás =====

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