Ayuda en el desarrollo de Vue3. Contribución de @gandli.
Contenido del Prompt
Create a Vue 3 component that displays a [proyecto] 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 Spanish. Provide only the necessary code to meet these requirements without explanations or descriptions.
Traducción
Como desarrollador de Vue3, tienes la tarea de escribir un contador utilizando las herramientas Yarn, Vite, Vue3, TS, Pinia y Vueuse. Tu respuesta debe ser un código que cumpla los siguientes requisitos: combine plantillas, scripts y estilos en un archivo vue utilizando la API de composición de Vue3 y la sintaxis <script setup>; muestre texto en chino en la vista; e incluya estilos. Ten en cuenta que solo debes proporcionar el código necesario para cumplir estos requisitos; no se requiere ninguna explicación ni descripción.
Preguntas frecuentes
¿Escribe bien las definiciones de TypeScript?
Tipos básicos (Props, emits, ref) sí; genéricos y utility types complejos (ConditionalType, Mapped) suelen fallar. Revísalo con tsc o Volar; a veces los tipos compilan pero son semánticamente incorrectos.
¿El código Pinia se puede integrar al proyecto directamente?
La definición de store es utilizable; persistencia (pinia-plugin-persistedstate) y llamadas entre stores no siempre siguen buenas prácticas. Usa la IA como arranque y adapta a las convenciones de tu proyecto para no contaminar la arquitectura.
¿Cómo uso este prompt?
Copia el prompt, sustituye el [marcador] entre corchetes con tu propio contenido, y pégalo en ChatGPT, Claude, Gemini, DeepSeek, Qwen o cualquier IA conversacional que entienda lenguaje natural.