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.
343 caractères · ≈ 105 tokens
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.
FAQ
Les types TypeScript générés sont-ils corrects ?
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.