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.
346 caracteres · ≈ 105 tokens
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.