dexblog.ro
Acces rapid: Învață AI Învață Programare Specificații Dispozitive Comparații
SVELTE Toate comenzile Svelte & SvelteKit

page din $app/state în SvelteKit (Svelte 5) în Svelte & SvelteKit

Ecosistemul SvelteKit (Full-Stack) SvelteKit 2.12+ (cu Svelte 5) Q&A / Distribuie cod

Acces reactiv direct la starea rutei curente (URL, parametri de rută, date de pagină) prin noul modul $app/state.

Sintaxă 
import { page } from '$app/state'; console.log(page.url.pathname);

Starea rutei fără Store-uri în Svelte 5

În versiunile anterioare se importa $page din $app/stores. În SvelteKit modern cu Svelte 5, se utilizează page din $app/state: un simplu obiect reactiv bazat pe rune-uri ce nu mai necesită prefixul $.

Exemplu Concret: Citirea rutei active pentru evidențierea meniului
<script>
  import { page } from '$app/state';
</script>

<nav>
  <a href="/invata" class:active={page.url.pathname.startsWith('/invata')}>
    Învață
  </a>
</nav>
Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: page din $app/state în SvelteKit (Svelte 5)

Ai o nelămurire despre utilizarea comenzii page din $app/state în SvelteKit (Svelte 5) sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!

💬

Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!

Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.