Skip to main content

التطوير: Vue3

مساعدة تطوير Vue3. مساهمة منgandli.
محتوى المطالبة
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 Arabic. Provide only the necessary code to meet these requirements without explanations or descriptions.
344 حرف · ≈ 107 tokens
بصفتك مطور Vue3 ، فإن مهمتك هي كتابة عداد باستخدام أدوات Yarn و Vite و Vue3 و TS و Pinia و Vueuse. يجب أن يكون ردك رمزًا يفي بالمتطلبات التالية: استخدام Vue3&#39;s Composition API و<script setup>语法将模板、脚本和样式组合到一个 vue 文件中;在视图中显示中文文本;包括样式。请注意,您应该只提供满足这些要求所必需的代码;不需要解释或描述。
الأسئلة الشائعة
هل يكتب تعريفات TypeScript بشكل صحيح؟
الأنواع الأساسية (Props، emits، ref) دقيقة، أما الأنواع العامة (generics) والأنواع المعقّدة (ConditionalType، Mapped) فكثيراً ما يُخطئ فيها. بعد استلام الكود افحصه بـ tsc أو Volar؛ قد يصلح للترجمة لكنّه غير صحيح دلالياً أحياناً.
هل يمكن دمج كود Pinia مباشرة في المشروع؟
تعريف الـ store صالح عموماً، أما حين يتعلق الأمر بالحفظ (pinia-plugin-persistedstate) والاستدعاء بين متاجر مختلفة فالأسلوب غير قياسي غالباً. استخدم كوده نقطة انطلاق، وعدّله وفق معيار store في مشروعك تجنّباً لتلويث البنية.
كيف أستخدم هذا الطلب؟
انسخ الطلب، واستبدل [العنصر النائب] بين المعقوفين بمدخلاتك الخاصة، ثم الصقه في ChatGPT أو Claude أو Gemini أو DeepSeek أو Qwen أو أي واجهة ذكاء اصطناعي محادثية تدعم اللغة الطبيعية، وأرسله.