[{"data":1,"prerenderedAt":81},["ShallowReactive",2],{"docs-layout-toc:\u002Fdocs\u002Fgetting-started\u002Finstallation":3,"docs-header-toc:\u002Fdocs\u002Fgetting-started\u002Finstallation":3,"$git4j43Hco":4},null,{"id":5,"title":6,"body":7,"description":25,"extension":74,"meta":75,"navigation":76,"path":77,"seo":78,"stem":79,"__hash__":80},"content\u002Fdocs\u002Fgetting-started\u002Finstallation-from-scratch.md","Installation From Scratch",{"type":8,"value":9,"toc":68},"minimark",[10,15,19,48,51,55,58,64],[11,12,14],"h2",{"id":13},"nuxt-airui-installation-guide-from-scratch","Nuxt + AirUI installation guide from scratch",[16,17,18],"p",{},"Create a new Nuxt project using the Air UI app template:",[20,21,26],"pre",{"className":22,"code":23,"language":24,"meta":25,"style":25},"language-bash shiki shiki-themes github-dark github-dark","npm create air-ui-app@latest your-project-name\n","bash","",[27,28,29],"code",{"__ignoreMap":25},[30,31,34,38,42,45],"span",{"class":32,"line":33},"line",1,[30,35,37],{"class":36},"sFR8T","npm",[30,39,41],{"class":40},"s4wv1"," create",[30,43,44],{"class":40}," air-ui-app@latest",[30,46,47],{"class":40}," your-project-name\n",[16,49,50],{},"Follow the CLI prompts to configure your project, selecting the default options or customizing them as needed.",[11,52,54],{"id":53},"project-configuration-options","Project configuration options",[16,56,57],{},"During the setup, the CLI will ask you a few questions to tailor the project to your needs. All options are optional and can be safely enabled or disabled depending on your project requirements:",[59,60],"generic-table",{":boldColumns":61,":headers":62,":items":63},"[\"option\"]","[\"Option\",\"What it does\",\"When to enable it\"]","[{\"option\":\"Internationalization\",\"what-it-does\":\"Adds support for multiple languages in your app.\",\"when-to-enable-it\":\"If your project needs translations or will support more than one language.\"},{\"option\":\"VueUse utilities\",\"what-it-does\":\"Includes a collection of useful Vue composables (state, browser APIs, helpers).\",\"when-to-enable-it\":\"Recommended for most projects to speed up development and reduce boilerplate.\"},{\"option\":\"Markdown content\",\"what-it-does\":\"Allows you to manage content using Markdown files.\",\"when-to-enable-it\":\"Ideal for documentation, content-driven pages, or text-heavy sections.\"}]",[65,66,67],"style",{},"html pre.shiki code .sFR8T, html code.shiki .sFR8T{--shiki-default:#B392F0;--shiki-dark:#B392F0}html pre.shiki code .s4wv1, html code.shiki .s4wv1{--shiki-default:#9ECBFF;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":25,"searchDepth":69,"depth":70,"links":71},2,3,[72,73],{"id":13,"depth":69,"text":14},{"id":53,"depth":69,"text":54},"md",{},true,"\u002Fdocs\u002Fgetting-started\u002Finstallation-from-scratch",{"description":25},"docs\u002Fgetting-started\u002Finstallation-from-scratch","ZpTVX6VzKYmXcQOeaTvk3r6JT1lQs59ncQoId2-y4aE",1791731024502]