Create a Vue 3 component that displays a [dự án] 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 Vietnamese. Provide only the necessary code to meet these requirements without explanations or descriptions.
Bản dịch
Là một nhà phát triển Vue3, nhiệm vụ của bạn là viết một bộ đếm sử dụng các công cụ Yarn, Vite, Vue3, TS, Pinia và Vueuse. Phản hồi của bạn phải là mã đáp ứng các yêu cầu sau: sử dụng API Composition của Vue3 và cú pháp <script setup> để kết hợp mẫu, tập lệnh và kiểu vào tệp vue; hiển thị văn bản tiếng Trung trong chế độ xem; bao gồm các kiểu. Lưu ý rằng bạn chỉ nên cung cấp mã cần thiết để đáp ứng các yêu cầu này; không cần giải thích hoặc mô tả.
Kiểu cơ bản (Props, emits, ref) đúng, các generic và kiểu tiện ích phức tạp (ConditionalType, Mapped) thường sai. Khi nhận code hãy dùng tsc hoặc Volar kiểm tra, cách viết kiểu của AI đôi khi compile được nhưng ngữ nghĩa sai.
Code quản lý state Pinia có merge thẳng vào dự án được không?
Định nghĩa store cơ bản dùng được, khi liên quan đến persistent (pinia-plugin-persistedstate), gọi xuyên store thì cách viết của AI thường không chuẩn. Nên dùng code AI làm điểm khởi đầu, sửa lại theo quy chuẩn cấu trúc store của dự án, tránh làm bẩn kiến trúc.
Cách sử dụng prompt này?
Sao chép prompt, thay thế [chỗ giữ chỗ] trong dấu ngoặc vuông bằng nội dung của bạn, rồi dán vào ChatGPT, Claude, Gemini, DeepSeek, Qwen hoặc bất kỳ AI hội thoại nào hỗ trợ ngôn ngữ tự nhiên và gửi đi.