عن المشروع
Nuxt UI هي مكتبة واجهة مستخدم لـ Vue و Nuxt تجمع بين Reka UI و Tailwind CSS و Tailwind Variants. هدفها المعلن هو تزويد المطورين بالأدوات اللازمة لبناء واجهات مستخدم متطورة، سهلة الوصول، وعالية الأداء.
حالة المستودع: يوجد ملف README هذا على فرع v4؛ بينما يتم صيانة فروع منفصلة v3 و v2 للإصدارات الرئيسية السابقة. يتم استضافة الوثائق العامة على ui.nuxt.com.
التثبيت
- يتم تثبيت الحزمة كـ @nuxt/ui إلى جانب tailwindcss، مع توفير أوامر لـ pnpm و yarn و npm و bun.
- بالنسبة لـ Nuxt: يتم تسجيل '@nuxt/ui' في مصفوفة modules في ملف nuxt.config.ts وتوجيه css إلى ورقة أنماط مثل ~/assets/css/main.css.
- بالنسبة لـ Vue العادي: يتم إضافة إضافة Nuxt UI Vite (@nuxt/ui/vite) إلى vite.config.ts مع @vitejs/plugin-vue، ثم تسجيل إضافة Vue (@nuxt/ui/vue-plugin) في ملف دخول التطبيق؛ ويتم إنشاء موجه (router) باستخدام vue-router في المثال الموضح.
- في كلا الإعدادين، يستورد مدخل CSS "tailwindcss" متبوعاً بـ "@nuxt/ui".
- توجد أدلة تثبيت مخصصة لكل من Nuxt و Vue.
القوالب
تتوفر مجموعة من القوالب الجاهزة للاستخدام مع رابط لصفحة القوالب الرسمية: Starter (نقطة بداية بسيطة)، Landing (صفحة هبوط مدعومة بـ Nuxt Content)، Docs (موقع وثائق مدعوم بـ Nuxt Content)، SaaS (صفحة هبوط وتسعير ووثائق ومدونة مدعومة بـ Nuxt Content)، Dashboard (تخطيط متعدد الأعمدة)، Chat (روبوت دردشة ذكاء اصطناعي مع مصادقة GitHub وسجل دردشة مستمر مدعوم بـ Vercel AI SDK)، Portfolio (معرض أعمال ومدونة مدعومة بـ Nuxt Content)، Changelog (يعرض ملاحظات إصدار المستودع من GitHub مدعوم بـ Nuxt MDC)، Editor (محرر نصوص غني مدعوم بـ TipTap يدعم أنواع محتوى markdown و HTML و JSON)، و Calendar (عرض اليوم والأسبوع والشهر مع السحب والإفلات والتحديثات المتفائلة).
المساهمة والتطوير
يُدعى المساهمون للإبلاغ عن الأخطاء وتقديم الاقتراحات من خلال أدلة الإبلاغ والمساهمة الخاصة بالمشروع. يوفر ملف AGENTS.md إرشادات مساهمة موجهة لمساعدي البرمجة بالذكاء الاصطناعي، تغطي هيكل المكونات، وأنماط التخصيص، واتفاقيات الاختبار، وإرشادات التوثيق؛ ويوصف بأنه يتم التقاطه تلقائياً بواسطة وكلاء البرمجة بالذكاء الاصطناعي. تتوفر تعليمات إعداد بيئة تطوير محلية عبر روابط في وثائق المساهمة.
يتم تقديم الشكر لكل من nuxt/nuxt و nuxt/icon و nuxt/fonts و nuxt-modules/color-mode و unovue/reka-ui و tailwindlabs/tailwindcss و vueuse/vueuse. المشروع مرخص تحت رخصة MIT.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.