{
  "examples": {
    "hero": {
      "title": "Vetrina degli Esempi",
      "subtitle": "Scopri come le direttive di NoJS sostituiscono il boilerplate e danno vita ai layout usando solo attributi HTML semantici."
    },
    "cat1": { "title": "Stato & Binding", "subtitle": "Gestione dello stato reattivo con aggiornamenti automatici del DOM — senza cablaggio manuale." },
    "cat2": { "title": "Condizionali & Loop", "subtitle": "Controlla il rendering con attributi dichiarativi. Mostra, nascondi, itera e ramifica — tutto in HTML." },
    "cat3": { "title": "Recupero Dati", "subtitle": "Verbi HTTP integrati con stati di caricamento, gestione errori e cache — zero boilerplate." },
    "cat4": { "title": "Routing & Template", "subtitle": "Navigazione client-side e composizione di template riutilizzabili senza step di build." },
    "counter": {
      "badge": "Interattivo",
      "name": "Contatore Semplice",
      "desc": "Contatore reattivo locale. Si aggiorna automaticamente quando le variabili cambiano. Mette in pausa l'esecuzione ed evidenzia gli stati in modo pulito."
    },
    "binding": {
      "badge": "Bidirezionale",
      "name": "Input Binding Live",
      "desc": "Collega un input allo stato con <code>model</code> e visualizzalo altrove con <code>bind</code>. Le modifiche si propagano istantaneamente."
    },
    "computed": {
      "badge": "Derivato",
      "name": "Valori Calcolati",
      "desc": "Definisci valori derivati con <code>computed</code> e <code>expr</code>. Si ricalcolano automaticamente quando le dipendenze cambiano."
    },
    "search": {
      "badge": "Loop & Filtri",
      "name": "Lista di Ricerca Filtrata",
      "desc": "Filtra gli elementi di un array in modo interattivo usando binding bidirezionali di input (<code>model</code>) e loop (<code>foreach</code>)."
    },
    "todo": {
      "badge": "CRUD",
      "name": "Lista di Attività",
      "desc": "Aggiungi e rimuovi elementi con <code>foreach</code>, <code>on:click</code> e metodi array. CRUD completo in HTML puro."
    },
    "switchCase": {
      "badge": "Ramificazione",
      "name": "Switch / Case",
      "desc": "Visualizza contenuto diverso in base a un valore usando <code>switch</code>, <code>case</code> e <code>default</code> — come uno switch nativo."
    },
    "fetch": {
      "badge": "HTTP / Fetching",
      "name": "API Fetcher con Skeleton",
      "desc": "Recupera e mostra dati da un'API. L'elemento skeleton designato mantiene lo spazio del layout e scompare automaticamente all'arrivo dei dati."
    },
    "formPost": {
      "badge": "Form",
      "name": "Invio Modulo",
      "desc": "Invia dati del modulo con <code>post</code> e <code>body</code>. Combina con <code>model</code> per campi reattivi e validazione inline."
    },
    "pagination": {
      "badge": "Paginazione",
      "name": "Lista Carica Altro",
      "desc": "Pagina i risultati API con <code>get-trigger</code>, <code>get-page</code> e <code>get-insert</code>. Aggiungi nuovi elementi al clic."
    },
    "query": {
      "badge": "HTTP / QUERY",
      "name": "Ricerca con QUERY",
      "desc": "Invia filtri di ricerca complessi con <code>query</code> — una lettura HTTP sicura e cacheable che trasporta un body di richiesta (RFC 10008). I campi del modulo diventano il body e i risultati si renderizzano in modo reattivo; nessun token CSRF viene aggiunto."
    },
    "router": {
      "badge": "SPA",
      "name": "Router Base",
      "desc": "Definisci le rotte con <code>route</code> e visualizzale in <code>route-view</code>. I link attivi vengono evidenziati con <code>route-active</code>."
    },
    "templates": {
      "badge": "Composizione",
      "name": "Template Riutilizzabili",
      "desc": "Componi l'UI con <code>use</code> e <code>&lt;slot&gt;</code>. Passa dati via <code>state</code> — come componenti, ma solo template HTML."
    },
    "dynamicStyles": {
      "badge": "Stili",
      "name": "Classi & Stili Dinamici",
      "desc": "Alterna classi con <code>class-*</code> e imposta stili inline con <code>style-*</code>. Entrambi reagiscono automaticamente ai cambiamenti di stato."
    }
  }
}