Latihan 1: SvelteKit Routing — Svelte

Latihan 1 dari materi SvelteKit Routing di Svelte — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Kamu menulis +layout.svelte. Kode awal sudah punya <nav> berisi <a href="/">Home</a> dan <a href="/about">About</a>. Biarkan keduanya.

  1. Di bawah </nav>, sediakan tempat untuk isi halaman: <slot />. Bentuk rune juga diterima: let { children } = $props() di <script>, lalu {@render children?.()}. Tanda ?. perlu karena editor gak mengirim halaman ke layout-nya.

Yang dicek:

Di editor latihan gak ada halaman yang dikirim ke slot itu, jadi yang tampil cuma nav-nya.

Hint