Create a Vue 3 component that displays a [progetto] using Yarn, Vite, Vue 3, TypeScript, Pinia, and Vueuse tools. Use Vue 3's Composition API and <script setup> syntax to combine template, script, and style in a single .vue file. Respond in Italian. Provide only the necessary code to meet these requirements without explanations or descriptions.
Traduzione
In qualità di sviluppatore Vue3, siete incaricati di scrivere un contatore utilizzando gli strumenti Yarn, Vite, Vue3, TS, Pinia e Vueuse. La risposta deve essere un codice che soddisfi i seguenti requisiti: combina modelli, script e stili in un file vue utilizzando l'API Composition di Vue3 e la sintassi <script setup>; visualizza il testo cinese nella vista e include gli stili. Si prega di notare che si deve fornire solo il codice necessario per soddisfare questi requisiti; non è richiesta alcuna spiegazione o descrizione.
Tipi base (Props, emits, ref) sì; i generics e i complex utility types (ConditionalType, Mapped) sbagliano spesso. Dopo il codice usa tsc o Volar: a volte compila ma la semantica è sbagliata.
Il codice Pinia si integra subito nel progetto?
La definizione dello store è quasi sempre utilizzabile; persistenza (pinia-plugin-persistedstate) e chiamate cross-store sono spesso non idiomatiche. Usa il codice AI come base e allinealo alle convenzioni del tuo progetto, altrimenti inquini l'architettura.
Come si usa questo prompt?
Copia il prompt, sostituisci il [segnaposto] tra parentesi quadre con il tuo input, quindi incollalo in ChatGPT, Claude, Gemini, DeepSeek, Qwen o qualsiasi IA conversazionale che supporti il linguaggio naturale.