Cambiare titolo dinamicamente in Svelte

Svelte è totalmente differente ad altri "competitors" come Angular o React.

Ho cominciato questi giorni un pò a studiarlo, e non sembra per nulla male.

In questo articolo vediamo qualcosa di molto soft, e cioè come cambiare titolo ad una pagina in maniera dinamica.

Come potete vedere nel file app.html c'è questa stringa:

%sveltekit.head%

Sostanzialmente è come se fosse un "segnaposto" che può essere richiamato nelle nostre pagine per iniettare del codice.

In poche parola nella nostra pagina (ad esempio in +page.svelte) possiamo fare così:

<svelte:head>
  <title>HOME</title>
</svelte:head>
<h1>
  Homepage
</h1>

Enjoy!