[{"data":1,"prerenderedAt":434},["ShallowReactive",2],{"navigation":3,"index":263},[4,23,63,80,91,134,152,169,180,191,202],{"title":5,"path":6,"stem":7,"children":8,"icon":22},"Getting Started","/docs/getting-started","1.docs/1.getting-started/1.index",[9,12,17],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","/docs/getting-started/installation","1.docs/1.getting-started/2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Usage","/docs/getting-started/usage","1.docs/1.getting-started/3.usage","i-lucide-sliders",false,{"title":24,"path":25,"stem":26,"children":27,"page":22},"Nuxt","/docs/nuxt","1.docs/1.nuxt",[28,39],{"title":10,"path":29,"stem":30,"children":31,"icon":11},"/docs/nuxt/getting-started","1.docs/1.nuxt/1.getting-started/1.index",[32,33,36],{"title":10,"path":29,"stem":30,"icon":11},{"title":13,"path":34,"stem":35,"icon":16},"/docs/nuxt/getting-started/installation","1.docs/1.nuxt/1.getting-started/2.installation",{"title":18,"path":37,"stem":38,"icon":21},"/docs/nuxt/getting-started/usage","1.docs/1.nuxt/1.getting-started/3.usage",{"title":40,"path":41,"stem":42,"children":43,"page":22},"Essentials","/docs/nuxt/essentials","1.docs/1.nuxt/2.essentials",[44,48,53,58],{"title":45,"path":46,"stem":47},"Markdown Syntax","/docs/nuxt/essentials/markdown-syntax","1.docs/1.nuxt/2.essentials/1.markdown-syntax",{"title":49,"path":50,"stem":51,"icon":52},"Code Blocks","/docs/nuxt/essentials/code-blocks","1.docs/1.nuxt/2.essentials/2.code-blocks","i-lucide-code-xml",{"title":54,"path":55,"stem":56,"icon":57},"Prose Components","/docs/nuxt/essentials/prose-components","1.docs/1.nuxt/2.essentials/3.prose-components","i-lucide-component",{"title":59,"path":60,"stem":61,"icon":62},"Images and Embeds","/docs/nuxt/essentials/images-embeds","1.docs/1.nuxt/2.essentials/4.images-embeds","i-lucide-image",{"title":40,"path":64,"stem":65,"children":66,"page":22},"/docs/essentials","1.docs/2.essentials",[67,71,74,77],{"title":45,"path":68,"stem":69,"icon":70},"/docs/essentials/markdown-syntax","1.docs/2.essentials/1.markdown-syntax","i-lucide-heading-1",{"title":49,"path":72,"stem":73,"icon":52},"/docs/essentials/code-blocks","1.docs/2.essentials/2.code-blocks",{"title":54,"path":75,"stem":76,"icon":57},"/docs/essentials/prose-components","1.docs/2.essentials/3.prose-components",{"title":59,"path":78,"stem":79,"icon":62},"/docs/essentials/images-embeds","1.docs/2.essentials/4.images-embeds",{"title":81,"path":82,"stem":83,"children":84,"page":22},"Laravel","/docs/laravel","1.docs/2.laravel",[85],{"title":86,"path":87,"stem":88,"children":89},"Laravel Documentation","/docs/laravel/getting-started","1.docs/2.laravel/1.getting-started/index",[90],{"title":86,"path":87,"stem":88},{"title":92,"path":93,"stem":94,"children":95,"page":22},"Html","/docs/html","1.docs/3.HTML",[96,128],{"title":97,"path":98,"stem":99,"children":100,"page":-1,"icon":102},"HTML Introduction","/docs/html/getting-started","1.docs/3.HTML/1.getting-started/index",[101,103,108,113,118,123],{"title":97,"path":98,"stem":99,"icon":102},"i-lucide-file-code",{"title":104,"path":105,"stem":106,"icon":107},"Cara Penulisan HTML","/docs/html/getting-started/cara-penulisan-html","1.docs/3.HTML/1.getting-started/2.cara-penulisan-html","i-lucide-code",{"title":109,"path":110,"stem":111,"icon":112},"Tabel, Video, dan Elemen Semantik","/docs/html/getting-started/element-semantik-dan-visual","1.docs/3.HTML/1.getting-started/3.element-semantik-dan -visual","i-lucide-table",{"title":114,"path":115,"stem":116,"icon":117},"Formulir dan Input Pengguna","/docs/html/getting-started/formulir","1.docs/3.HTML/1.getting-started/4.formulir","i-lucide-form-input",{"title":119,"path":120,"stem":121,"icon":122},"Audio, Canvas, Iframe, dan Elemen Head","/docs/html/getting-started/audio-canvas-iframe-dan-elemen-head","1.docs/3.HTML/1.getting-started/5.Audio-Canvas-Iframe-dan-Elemen-Head","i-lucide-heading",{"title":124,"path":125,"stem":126,"icon":127},"Praktik Terbaik, Debugging, dan Langkah Selanjutnya","/docs/html/getting-started/praktik","1.docs/3.HTML/1.getting-started/6.praktik","i-lucide-check-circle",{"title":129,"path":130,"stem":131,"children":132,"icon":52},"Koleksi Lengkap Tag HTML Langka","/docs/html/pustaka","1.docs/3.HTML/2.PUSTAKA/1.index",[133],{"title":129,"path":130,"stem":131,"icon":52},{"title":135,"path":136,"stem":137,"children":138,"page":22},"Css","/docs/css","1.docs/4.CSS",[139,145],{"title":140,"path":141,"stem":142,"children":143},"CSS Documentation","/docs/css/getting-started","1.docs/4.CSS/1.getting-started/index",[144],{"title":140,"path":141,"stem":142},{"title":146,"path":147,"stem":148,"children":149,"icon":151},"CSS Layouts","/docs/css/layouts","1.docs/4.CSS/2.layouts/1.index",[150],{"title":146,"path":147,"stem":148,"icon":151},"i-lucide-layout-template",{"title":153,"path":154,"stem":155,"children":156,"page":22},"Js","/docs/js","1.docs/5.JS",[157,163],{"title":158,"path":159,"stem":160,"children":161},"JavaScript Documentation","/docs/js/getting-started","1.docs/5.JS/1.getting-started/index",[162],{"title":158,"path":159,"stem":160},{"title":164,"path":165,"stem":166,"children":167,"icon":57},"Custom Components","/docs/js/components","1.docs/5.JS/2.components/1.index",[168],{"title":164,"path":165,"stem":166,"icon":57},{"title":170,"path":171,"stem":172,"children":173,"page":22},"Ts","/docs/ts","1.docs/6.TS",[174],{"title":175,"path":176,"stem":177,"children":178},"TypeScript Documentation","/docs/ts/getting-started","1.docs/6.TS/1.getting-started/index",[179],{"title":175,"path":176,"stem":177},{"title":181,"path":182,"stem":183,"children":184,"page":22},"NextJs","/docs/next.js","1.docs/7.Next.js",[185],{"title":186,"path":187,"stem":188,"children":189},"Next.js Documentation","/docs/next.js/getting-started","1.docs/7.Next.js/1.getting-started/index",[190],{"title":186,"path":187,"stem":188},{"title":192,"path":193,"stem":194,"children":195,"page":22},"Mongodb","/docs/mongodb","1.docs/8.MongoDB",[196],{"title":197,"path":198,"stem":199,"children":200},"MongoDB Documentation","/docs/mongodb/getting-started","1.docs/8.MongoDB/1.getting-started/index",[201],{"title":197,"path":198,"stem":199},{"title":203,"path":204,"stem":205,"children":206,"page":22},"Java","/docs/java","1.docs/9.Java",[207],{"title":208,"path":209,"stem":210,"children":211,"page":-1,"icon":213},"Java untuk Pemula — Bagian 1","/docs/java/getting-started","1.docs/9.Java/1.getting-started/index",[212,214,219,224,228,233,238,243,248,253,258],{"title":208,"path":209,"stem":210,"icon":213},"i-lucide-coffee",{"title":215,"path":216,"stem":217,"icon":218},"Modul 9 — String","/docs/java/getting-started/string","1.docs/9.Java/1.getting-started/10.string","i-lucide-text",{"title":220,"path":221,"stem":222,"icon":223},"Latihan Soal Level 1–3","/docs/java/getting-started/latihan-soal","1.docs/9.Java/1.getting-started/11.latihan-soal","i-lucide-dumbbell",{"title":225,"path":226,"stem":227,"icon":213},"Modul 1 — Pengenalan Java","/docs/java/getting-started/pengenalan-java","1.docs/9.Java/1.getting-started/2.pengenalan-java",{"title":229,"path":230,"stem":231,"icon":232},"Modul 2 — Tipe Data & Variabel","/docs/java/getting-started/tipe-data-variabel","1.docs/9.Java/1.getting-started/3.tipe-data-variabel","i-lucide-database",{"title":234,"path":235,"stem":236,"icon":237},"Modul 3 — Operator","/docs/java/getting-started/operator","1.docs/9.Java/1.getting-started/4.operator","i-lucide-calculator",{"title":239,"path":240,"stem":241,"icon":242},"Modul 4 — Input & Output","/docs/java/getting-started/input-output","1.docs/9.Java/1.getting-started/5.input-output","i-lucide-terminal",{"title":244,"path":245,"stem":246,"icon":247},"Modul 5 — Percabangan","/docs/java/getting-started/percabangan","1.docs/9.Java/1.getting-started/6.percabangan","i-lucide-git-branch",{"title":249,"path":250,"stem":251,"icon":252},"Modul 6 — Perulangan","/docs/java/getting-started/perulangan","1.docs/9.Java/1.getting-started/7.perulangan","i-lucide-repeat",{"title":254,"path":255,"stem":256,"icon":257},"Modul 7 — Array","/docs/java/getting-started/array","1.docs/9.Java/1.getting-started/8.array","i-lucide-table-2",{"title":259,"path":260,"stem":261,"icon":262},"Modul 8 — Method","/docs/java/getting-started/method","1.docs/9.Java/1.getting-started/9.method","i-lucide-code-2",{"id":264,"title":265,"body":266,"cta":267,"description":281,"extension":282,"features":283,"hero":309,"meta":318,"navigation":22,"path":319,"sections":320,"seo":354,"stem":357,"testimonials":358,"__hash__":433},"index/0.index.yml","Ship Your [SaaS]{class=\"text-primary\"} at light speed",null,{"title":268,"description":269,"links":270},"Ready to build an amazing SaaS?","Join thousands of developers building with Nuxt and Nuxt UI. Get this template and start shipping today.",[271,276],{"label":272,"to":273,"target":274,"trailingIcon":275},"Start building","https://ui.nuxt.com/docs/getting-started/installation/nuxt","_blank","i-lucide-arrow-right",{"label":277,"to":278,"target":274,"variant":279,"icon":280},"View on GitHub","https://github.com/nuxt-ui-templates/saas","subtle","i-simple-icons-github","Build production-ready SaaS applications with Nuxt UI's powerful components, authentication flows, and enterprise features. The same component library trusted by the entire Nuxt ecosystem.","yml",{"title":284,"description":285,"items":286},"Everything You Need to Ship","Stop building from scratch. Focus on your unique features while Nuxt UI handles the foundations with battle-tested components and patterns.",[287,291,295,298,302,305],{"title":288,"description":289,"icon":290},"Beautiful Design System","Semantic color aliases, comprehensive design tokens, and Tailwind Variants for consistent, customizable styling.","i-lucide-palette",{"title":292,"description":293,"icon":294},"Accessible by Default","Built on Reka UI for robust accessibility. WCAG compliant components that work for everyone, everywhere.","i-lucide-accessibility",{"title":296,"description":297,"icon":242},"Developer Experience","Auto-imports, hot module replacement, and comprehensive documentation. Build faster with less friction.",{"title":299,"description":300,"icon":301},"SEO Optimized","Server-side rendering, automatic meta tags, sitemap generation, and Open Graph images out of the box.","i-lucide-search",{"title":303,"description":304,"icon":127},"Production Ready","Error handling, loading states, form validation, and security best practices built into every component.",{"title":306,"description":307,"icon":308},"Infinitely Customizable","Override any style with the ui prop, customize globally with AppConfig, or use Tailwind classes directly.","i-lucide-settings",{"links":310},[311,315],{"label":312,"icon":275,"trailing":313,"to":273,"target":274,"size":314},"Get started",true,"xl",{"label":316,"icon":280,"size":314,"color":317,"variant":279,"to":278,"target":274},"Use this template","neutral",{},"/",[321,338],{"title":322,"description":323,"id":324,"orientation":325,"features":326},"Powered by Nuxt UI Components","Access the complete Nuxt UI component library with 100+ beautifully styled, accessible, and customizable Vue components. Everything you need to build professional SaaS applications.","features","horizontal",[327,331,335],{"name":328,"description":329,"icon":330},"100+ UI Components","From buttons to modals, data tables to forms - all styled with Tailwind CSS and accessible out of the box.","i-lucide-package",{"name":332,"description":333,"icon":334},"Authentication Ready","Pre-built login, signup, and password reset flows. Just connect your backend and start onboarding users.","i-lucide-shield",{"name":336,"description":337,"icon":262},"TypeScript First","Full TypeScript support with auto-completion, type safety, and IntelliSense for every component and composable.",{"title":339,"description":340,"orientation":325,"reverse":313,"features":341},"Built for Modern SaaS","Everything you need to launch and scale your SaaS. From beautiful marketing pages to complex dashboards, ship faster with production-ready patterns.",[342,346,350],{"name":343,"description":344,"icon":345},"Edge Performance","Optimized for Core Web Vitals with automatic code splitting, lazy loading, and SSR/SSG support.","i-lucide-zap",{"name":347,"description":348,"icon":349},"Dark Mode Ready","Automatic theme switching with smooth transitions. Respects system preferences and remembers user choice.","i-lucide-moon",{"name":351,"description":352,"icon":353},"Global Ready","Built-in i18n support for 50+ languages with RTL/LTR layouts and @nuxt/fonts integration.","i-lucide-globe",{"title":355,"description":356},"Nuxt SaaS Template","Create stunning, fast and production-ready SaaS applications with Nuxt UI. 100+ Vue components, authentication, dark mode, and enterprise features built on Tailwind CSS.","0.index",{"headline":359,"title":360,"description":361,"items":362},"Trusted by Developers","Join Thousands Building with Nuxt UI","See why developers choose Nuxt UI to ship their SaaS applications faster and with more confidence.",[363,370,377,384,391,398,405,412,419,426],{"quote":364,"user":365},"Nuxt UI transformed how we build. The component quality is exceptional - everything just works with perfect TypeScript support, accessibility, and dark mode built in.",{"name":366,"description":367,"avatar":368},"Sarah Chen","CTO at TechScale Solutions",{"src":369},"https://i.pravatar.cc/120?img=1",{"quote":371,"user":372},"We shipped our MVP in 2 weeks instead of 2 months. The authentication flows and form components saved us countless hours of development time.",{"name":373,"description":374,"avatar":375},"Marcus Rodriguez","VP of Engineering at DataFlow",{"src":376},"https://i.pravatar.cc/120?img=7",{"quote":378,"user":379},"The design system with AppConfig is brilliant. We maintain brand consistency across all our products while leveraging the full component library.",{"name":380,"description":381,"avatar":382},"David Kumar","Security Director at SecureStack",{"src":383},"https://i.pravatar.cc/120?img=3",{"quote":385,"user":386},"Perfect Lighthouse scores out of the box. Our Core Web Vitals improved dramatically just by switching to Nuxt UI components.",{"name":387,"description":388,"avatar":389},"Emily Zhang","Lead Architect at ScaleForce",{"src":390},"https://i.pravatar.cc/120?img=5",{"quote":392,"user":393},"The Tailwind Variants system makes customization so intuitive. We can override any component style while keeping the functionality intact.",{"name":394,"description":395,"avatar":396},"James Wilson","DevOps Lead at CloudPro",{"src":397},"https://i.pravatar.cc/120?img=8",{"quote":399,"user":400},"From the SaaS template to production in days. The pre-built layouts, navigation, and content structure accelerated our launch.",{"name":401,"description":402,"avatar":403},"Lisa Patel","CEO at AutoScale",{"src":404},"https://i.pravatar.cc/120?img=9",{"quote":406,"user":407},"Reka UI foundation means accessibility is never an afterthought. We achieved WCAG compliance without any custom work.",{"name":408,"description":409,"avatar":410},"Michael Torres","Frontend Lead at AccessFirst",{"src":411},"https://i.pravatar.cc/120?img=11",{"quote":413,"user":414},"The documentation is outstanding. Every component has clear examples, and the community on Discord is incredibly helpful.",{"name":415,"description":416,"avatar":417},"Rachel Kim","Performance Engineer at APIHub",{"src":418},"https://i.pravatar.cc/120?img=10",{"quote":420,"user":421},"We replaced three different UI libraries with Nuxt UI. The consistency and quality across all components is unmatched.",{"name":422,"description":423,"avatar":424},"Thomas Weber","UI Architecture Lead at DesignScale",{"src":425},"https://i.pravatar.cc/120?img=12",{"quote":427,"user":428},"The integration with Nuxt modules is seamless. Color mode, fonts, icons - everything works together perfectly.",{"name":429,"description":430,"avatar":431},"Sophia Martinez","Integration Specialist at TechFlow",{"src":432},"https://i.pravatar.cc/120?img=14","_7d_igvUnRGUvSw4FKFZoF5Xgor52r8WT5wA9jBs4LQ",1773946416870]