Ajuda no desenvolvimento do Vue3. Contribuição de @gandli.
Conteúdo do Prompt
Create a Vue 3 component that displays a [projeto] 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 Portuguese. Provide only the necessary code to meet these requirements without explanations or descriptions.
348 caracteres · ≈ 106 tokens
Como programador de Vue3, tem a tarefa de escrever um contador utilizando as ferramentas Yarn, Vite, Vue3, TS, Pinia e Vueuse. Sua resposta deve ser um código que atenda aos seguintes requisitos: combina modelos, scripts e estilos em um arquivo vue usando a API de composição do Vue3 e a sintaxe <script setup>; exibe texto em chinês na exibição; e inclui estilos. Observe que você deve fornecer apenas o código necessário para atender a esses requisitos; nenhuma explicação ou descrição é necessária.
Perguntas frequentes
A IA acerta a tipagem TypeScript?
Tipos básicos (Props, emits, ref) saem certos; generics e utility types complexos (ConditionalType, Mapped) costumam falhar. Rode tsc ou Volar; às vezes o código compila mas o tipo está errado semanticamente.
O código Pinia pode ser mesclado direto no projeto?
Definições de store em geral servem; ao envolver persistência (pinia-plugin-persistedstate) ou chamadas entre stores, a IA escreve de forma não padronizada. Use como partida e adapte à estrutura de stores do seu projeto para não poluir a arquitetura.
Como uso este prompt?
Copie o prompt, substitua o [marcador] entre colchetes pelo seu conteúdo e cole em ChatGPT, Claude, Gemini, DeepSeek, Qwen ou em qualquer IA conversacional que entenda linguagem natural.