Per iniziare
Cos'è Nuxt Skeletonizer e come aggiungerlo alla tua app in meno di un minuto.
Per iniziare
Nuxt Skeletonizer genera automaticamente gli stati di caricamento skeleton a partire dal tuo markup esistente — nessun componente "skeleton" duplicato e nessuno spostamento del layout quando arriva il contenuto reale.
<Skeletonizer :enabled="pending">
<UserProfile />
</Skeletonizer>
Quando enabled è true, il modulo analizza il sottoalbero renderizzato, classifica ogni elemento
(testo, immagine, avatar, pulsante, input, …) e dipinge al suo posto un osso placeholder —
mantenendo esattamente lo stesso layout.
Perché usarlo?
- Nessun componente duplicato — gli skeleton derivano dal DOM reale.
- Zero spostamenti di layout — gli elementi vengono stilizzati sul posto, mai rimossi.
- Codice applicativo minimo — di solito un singolo wrapper o un interruttore globale.