Aide au développement de Vue3. Contribution de @gandli.
Contenu du prompt
Create a Vue 3 component that displays a [projet] 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 French. Provide only the necessary code to meet these requirements without explanations or descriptions.
Traduction
En tant que développeur Vue3, vous êtes chargé d'écrire un compteur à l'aide des outils Yarn, Vite, Vue3, TS, Pinia et Vueuse. Votre réponse doit être un code répondant aux exigences suivantes : combiner des modèles, des scripts et des styles dans un fichier vue en utilisant l'API de composition de Vue3 et la syntaxe <script setup> ; afficher du texte chinois dans la vue ; et inclure des styles. Veuillez noter que vous ne devez fournir que le code nécessaire pour répondre à ces exigences ; aucune explication ou description n'est requise.
Les types simples (Props, emits, ref) sont corrects ; les génériques et les types utilitaires avancés (ConditionalType, Mapped) se trompent souvent. Après réception, vérifie avec tsc ou Volar ; certaines écritures compilent mais sont sémantiquement fausses.
Peut-on fusionner directement le code Pinia dans le projet ?
La définition des stores est utilisable ; pour la persistance (pinia-plugin-persistedstate) ou les appels inter-stores, l'IA s'écarte souvent des conventions. Utilise-la comme base et aligne sur la structure de store de ton projet, sinon tu pollues l'architecture.
Comment utiliser ce prompt ?
Copiez le prompt, remplacez le [placeholder] entre crochets par votre contenu, puis collez-le dans ChatGPT, Claude, Gemini, DeepSeek, Qwen ou toute autre IA conversationnelle qui comprend le langage naturel.