Mcp
Esempi di Query
Esempi pratici di query AI sulla documentazione @pzeta/vue-components.
Esempi di Query
Questa pagina raccoglie esempi pratici di domande che puoi fare al tuo agente AI (Claude Code, Cursor, Copilot) una volta configurato il server MCP della documentazione.
Componenti — Props e API
Esplorare le props di un componente
Quali props accetta il componente Button?
La risposta includera' nome, tipo TypeScript, valore di default e descrizione di ogni prop — ad esempio label, severity, size, disabled, loading, icon, iconPos.
Quali props accetta il componente DataTable? Concentrati su quelle per la paginazione.
Il componente InputText ha una prop per mostrare un'icona interna?
Verificare gli eventi emessi
Quali eventi emette il componente FileUpload?
Come faccio a intercettare il cambio di pagina nel DataTable?
Esplorare gli slot disponibili
Quali slot espone il componente Dialog?
Come si personalizza l'header del componente Card tramite slot?
Composables
Utilizzo dei composables principali
Come si usa useToast()?
Mostrami come usare useConfirm() per chiedere conferma prima di eliminare un record.
Come si apre un Dialog programmaticamente con useDialog()?
Quali composables della libreria posso usare nel mio componente Vue 3?
Ricerca per feature
Trovare componenti per caratteristica
Quali componenti supportano la prop severity?
La risposta elenchera' Button, Message, Toast, Tag e altri componenti che condividono questa prop con i valori supportati (success, info, warn, danger, secondary, contrast).
Quali componenti supportano il lazy loading?
Ci sono componenti con supporto nativo per la virtualizzazione di liste lunghe?
Quali componenti hanno un prop loading per mostrare uno stato di attesa?
Esempi di codice
Richiedere esempi completi
Mostrami un esempio di DataTable con paginazione lazy che chiama un'API al cambio pagina.
Come implemento un form con validazione usando i componenti della libreria?
Mostrami un esempio completo di FileUpload con anteprima delle immagini caricate.
Come si usa il componente Tree con nodi caricati on-demand (lazy)?
Confronti tra componenti
Scegliere il componente giusto
Qual e' la differenza tra Dialog e Drawer?
La risposta chiarira' le differenze semantiche (modale bloccante vs pannello laterale contestuale), le props specifiche e i casi d'uso consigliati per ciascuno.
Quando uso Message e quando uso Toast?
Qual e' la differenza tra Select e AutoComplete? Quando preferire l'uno all'altro?
Devo mostrare testo formattato: uso Editor o Textarea?
Theming e personalizzazione
Configurazione del tema
Come configuro il dark mode nella libreria?
Come sovrascrivo i token CSS di un singolo componente senza toccare il tema globale?
Quali variabili CSS posso usare per personalizzare i colori primari?
Come si integra il sistema di temi con Tailwind CSS?
TypeScript
Tipi e interfacce
Quali tipi TypeScript esporta la libreria per il componente DataTable?
Qual e' il tipo della prop columns in DataTable?
Come tipizzo correttamente un evento emesso da un componente della libreria?
Getting Started e configurazione
Setup del progetto
Come installo e configuro @pzeta/vue-components in un progetto Vue 3 esistente?
Come abilito il tree shaking per importare solo i componenti che uso?
Devo registrare i componenti globalmente o posso importarli singolarmente?
Suggerimenti per query efficaci
Per ottenere risposte piu' precise:
- Specifica il componente: "nel DataTable" e' meglio di "nella tabella"
- Includi il contesto: "sto usando Vue 3 con Composition API" aiuta il modello a generare codice appropriato
- Chiedi esempi: aggiungi "mostrami un esempio" o "con codice" per ottenere snippet pronti all'uso
- Combina con il tuo codice: se usi Claude Code o Cursor, apri il file rilevante prima di fare la query — il modello potra' adattare la risposta al tuo codice esistente