इस प्रोजेक्ट के बारे में
Nuxt UI, Vue और Nuxt के लिए एक UI लाइब्रेरी है जो Reka UI, Tailwind CSS और Tailwind Variants को संयोजित करती है। इसका घोषित लक्ष्य डेवलपर्स को परिष्कृत, सुलभ और अत्यधिक प्रदर्शन करने वाले यूजर इंटरफेस बनाने के लिए टूलिंग प्रदान करना है।
रिपॉजिटरी की स्थिति: यह README v4 ब्रांच पर है; पिछले प्रमुख संस्करणों के लिए अलग v3 और v2 ब्रांच बनाए रखे गए हैं। सार्वजनिक दस्तावेज़ीकरण ui.nuxt.com पर होस्ट किया गया है।
इंस्टालेशन
- पैकेज को tailwindcss के साथ @nuxt/ui के रूप में इंस्टॉल किया जाता है, जिसके लिए pnpm, yarn, npm और bun के कमांड दिखाए गए हैं।
- Nuxt के लिए: nuxt.config.ts के modules ऐरे में '@nuxt/ui' को रजिस्टर करें और css को ~/assets/css/main.css जैसी स्टाइलशीट पर पॉइंट करें।
- प्लेन Vue के लिए: vite.config.ts में @vitejs/plugin-vue के साथ Nuxt UI Vite प्लगइन (@nuxt/ui/vite) जोड़ें, फिर ऐप एंट्री फाइल में Vue प्लगइन (@nuxt/ui/vue-plugin) को रजिस्टर करें; दिखाए गए उदाहरण में vue-router के साथ एक राउटर बनाया गया है।
- दोनों सेटअप में CSS एंट्री "tailwindcss" के बाद "@nuxt/ui" को इम्पोर्ट करती है।
- Nuxt और Vue के लिए समर्पित इंस्टालेशन गाइड उपलब्ध हैं।
टेम्पलेट्स
तैयार-उपयोग टेम्पलेट्स का एक सेट सूचीबद्ध है, जिसमें आधिकारिक टेम्पलेट्स पेज का लिंक है: Starter (न्यूनतम शुरुआती बिंदु), Landing (Nuxt Content द्वारा संचालित लैंडिंग पेज), Docs (Nuxt Content द्वारा संचालित दस्तावेज़ीकरण साइट), SaaS (Nuxt Content द्वारा संचालित लैंडिंग, प्राइसिंग, डॉक्स और ब्लॉग), Dashboard (मल्टी-कॉलम लेआउट), Chat (Vercel AI SDK द्वारा संचालित GitHub ऑथेंटिकेशन और पर्सिस्टेंट चैट हिस्ट्री वाला AI चैटबॉट), Portfolio (Nuxt Content द्वारा संचालित पोर्टफोलियो और ब्लॉग), Changelog (Nuxt MDC द्वारा संचालित GitHub से रिपॉजिटरी रिलीज़ नोट्स प्रदर्शित करता है), Editor (TipTap द्वारा संचालित रिच टेक्स्ट एडिटर जो markdown, HTML और JSON कंटेंट प्रकारों का समर्थन करता है), और Calendar (ड्रैग एंड ड्रॉप और ऑप्टिमिस्टिक अपडेट के साथ दिन, सप्ताह और महीने के दृश्य)।
योगदान और विकास
योगदानकर्ताओं को प्रोजेक्ट के रिपोर्टिंग और योगदान गाइड के माध्यम से बग रिपोर्ट करने और सुझाव भेजने के लिए आमंत्रित किया जाता है। एक AGENTS.md फ़ाइल AI कोडिंग सहायकों के लिए योगदान दिशानिर्देश प्रदान करती है, जिसमें कंपोनेंट स्ट्रक्चर, थीमिंग पैटर्न, टेस्टिंग कन्वेंशन और दस्तावेज़ीकरण दिशानिर्देश शामिल हैं; इसे AI कोडिंग एजेंटों द्वारा स्वचालित रूप से पिकअप किए जाने वाले के रूप में वर्णित किया गया है। स्थानीय विकास वातावरण सेटअप करने के निर्देश योगदान दस्तावेज़ीकरण से लिंक किए गए हैं।
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.