Skip to main content

Entwicklung: Vue3

Hilft bei der Entwicklung von Vue3. Beitrag von @gandli.
Prompt-Inhalt
Create a Vue 3 component that displays a [Projekt] 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 German. Provide only the necessary code to meet these requirements without explanations or descriptions.
344 Zeichen · ≈ 105 tokens
Als Vue3-Entwickler haben Sie die Aufgabe, einen Zähler unter Verwendung der Tools Yarn, Vite, Vue3, TS, Pinia und Vueuse zu schreiben. Ihre Antwort sollte Code sein, der die folgenden Anforderungen erfüllt: kombiniert Vorlagen, Skripte und Stile in einer Vue-Datei unter Verwendung der Composition API und der <script setup>-Syntax von Vue3; zeigt chinesischen Text in der Ansicht an; und beinhaltet Stile. Bitte beachten Sie, dass Sie nur Code bereitstellen sollten, der notwendig ist, um diese Anforderungen zu erfüllen; eine Erklärung oder Beschreibung ist nicht erforderlich.
FAQ
Schreibt die KI korrekte TypeScript-Typen?
Basics (Props, emits, ref) ja, Generics und komplexe Utility-Types (ConditionalType, Mapped) oft fehlerhaft. Prüfe mit tsc oder Volar; manche KI-Typen kompilieren zwar, sind semantisch aber falsch.
Kann ich Pinia-Store-Code direkt ins Projekt übernehmen?
Die Store-Definition ist meist verwendbar; Persistenz (pinia-plugin-persistedstate) und Store-übergreifende Aufrufe sind oft unsauber. Nutze es als Ausgangspunkt und passe an deine Projektkonventionen an, um die Architektur nicht zu verschmutzen.
Wie verwende ich diesen Prompt?
Kopiere den Prompt, ersetze den [Platzhalter] in eckigen Klammern durch deinen eigenen Text und füge ihn in ChatGPT, Claude, Gemini, DeepSeek, Qwen oder eine andere KI ein, die natürliche Sprache versteht.