Latihan 1 dari materi SvelteKit Load Data di Svelte — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Muat data halaman dengan load. Editor ini berisi tiga file app SvelteKit, masing-masing dimulai baris yang menyebut path-nya:
src/routes/+page.svelte: beranda dengan dua link artikel.src/routes/artikel/[slug]/+page.js: sudah punya semuaArtikel dan import error.src/routes/artikel/[slug]/+page.svelte: menampilkan data.title dan data.description.Di +page.js, tulis export function load({ params }):
const artikel = semuaArtikel[params.slug]. params.slug adalah bagian alamat di posisi [slug].error(404, "Artikel tidak ditemukan"). SvelteKit lalu menampilkan halaman error.return artikel. Isinya jadi data di +page.svelte.Editor ini menjalankan app-nya seperti SvelteKit di browser: klik link pindah halaman tanpa reload, load dipanggil dengan params, dan baris abu-abu di atas menunjukkan alamatnya.
Yang dicek:
<h1> berbunyi Artikel./artikel/halo-sveltekit diklik, <h1> berbunyi Halo SvelteKit dan <p> berbunyi Dimuat lewat fungsi load() di +page.js./artikel/belum-ditulis diklik, halaman error tampil: <h1> berbunyi 404 dan <p> berbunyi Artikel tidak ditemukan.export function load, membaca params.slug, dan memanggil error(404.
