استخدام shadcn بدلًا من ذلك

سجل ريتلا متوافق مع shadcn، فتستطيع أداة shadcn وv0 وLovable ووكلاء البرمجة الذين يتعاملون مع shadcn تثبيت Ritla UI أيضًا. المسار الأساسي هو npx ritla add (التثبيت)، وهذا بديل عنه للمشاريع التي تعمل على shadcn أصلًا.

سجّل النطاق#

أضف السجل إلى components.json مع قراءة المفتاح من متغيرات البيئة:

{
  "registries": {
    "@ritla": {
      "url": "https://ritla.app/r/{name}.json",
      "headers": { "Authorization": "Bearer ${RITLA_LICENSE_KEY}" }
    }
  }
}

ضع RITLA_LICENSE_KEY في .env.local. لا تلصق المفتاح نفسه في components.json أبدًا، فهذا الملف يُحفظ في المستودع.

أضف المكوّنات#

npx shadcn@latest add @ritla/phone-input

الاعتماديات بين مكوّنات ريتلا مكتوبة بصيغة @ritla/<name>، فتجلبها shadcn بالترويسة نفسها.