Skip to main content

Vue3 component

#contribute
#code
1.2K
Auxiliary development for Vue3. Contributed by @gandli.
Prompt Content
Create a Vue 3 component that displays a [Project] 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. Provide only the necessary code to meet these requirements without explanations or descriptions.
325 chars · ≈ 99 tokens
FAQ
Are the TypeScript type definitions correct?
Basic types (Props, emits, ref) are right. Generics and complex utility types (ConditionalType, Mapped) often have bugs. After getting code, check with tsc or Volar. AI type declarations sometimes compile but have incorrect semantics.
Can Pinia state management code be merged into my project directly?
Store definitions are mostly usable; persistence (pinia-plugin-persistedstate) and cross-store calls often have non-standard patterns. Use AI code as a starting point but adjust to match your project's store conventions to avoid polluting the architecture.
How do I use this prompt?
Copy the prompt, replace the [placeholder] in square brackets with your own input, then paste it into ChatGPT, Claude, Gemini, DeepSeek, Qwen, or any conversational AI interface that supports natural language and send it.
Copyright © 2025 AiShort (ChatGPT Shortcut)