Create a Vue 3 component that displays a [প্রকল্প] 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 Bengali. Provide only the necessary code to meet these requirements without explanations or descriptions.
345 অক্ষর · ≈ 107 tokens
একজন Vue3 বিকাশকারী হিসাবে, আপনার কাজ হল Yarn, Vite, Vue3, TS, Pinia এবং Vueuse টুল ব্যবহার করে একটি কাউন্টার লেখা। আপনার প্রতিক্রিয়া এমন কোড হওয়া উচিত যা নিম্নলিখিত প্রয়োজনীয়তাগুলি পূরণ করে: Vue3 এর কম্পোজিশন API ব্যবহার করে এবং<script setup>语法将模板、脚本和样式组合到一个 vue 文件中；在视图中显示中文文本；包括样式。请注意，您应该只提供满足这些要求所必需的代码；不需要解释或描述。
সাধারণ প্রশ্ন
TypeScript type definition AI কি সঠিক লিখে?
মৌলিক type (Props, emits, ref) সঠিক, generics ও জটিল utility types (ConditionalType, Mapped) প্রায়ই ভুল হয়। কোড পেয়ে tsc বা Volar দিয়ে চেক করো, AI-এর type writing কখনো compile করে কিন্তু semantically ভুল।
Pinia state management কোড কি সরাসরি প্রজেক্টে merge করা যাবে?
Store definition মোটামুটি ব্যবহারযোগ্য, persistence (pinia-plugin-persistedstate), cross-Store call জড়িত হলে AI-এর লেখা প্রায়ই অপ্রমিত। AI কোড প্রারম্ভিক বিন্দু হিসেবে নাও, প্রজেক্টের store কাঠামোর নিয়মানুযায়ী পরিবর্তন করো, architecture দূষিত হওয়া এড়াও।
এই প্রম্পট কীভাবে ব্যবহার করব?
প্রম্পটটি কপি করুন, ব্র্যাকেটের [প্লেসহোল্ডার] আপনার নিজের লেখা দিয়ে প্রতিস্থাপন করুন, তারপর ChatGPT, Claude, Gemini, DeepSeek, Qwen বা যে কোনও প্রাকৃতিক ভাষা সমর্থিত কথোপকথন এআই-তে পেস্ট করে পাঠান।