[{"data":1,"prerenderedAt":494},["Reactive",2],{"$KyeTl6nybl":3,"page-data":4,"page-tree":478,"doc-page-nav":490},[],{"_path":5,"_dir":6,"_draft":9,"_partial":9,"_locale":10,"title":11,"description":10,"body":12,"_type":473,"_id":474,"_source":475,"_file":476,"_extension":477},"/documentation/setup",{"_path":7,"title":8},"/documentation/setup/_dir","Setup",false,"","Prerequisites",{"type":13,"children":14,"toc":470},"root",[15,106,200,464],{"type":16,"tag":17,"props":18,"children":20},"element","doc-component-demo",{"title":19},"Get your access",[21,39,53,72,76,81],{"type":16,"tag":22,"props":23,"children":24},"p",{},[25,28,37],{"type":26,"value":27},"text","Tairo is a premium template sold on ",{"type":16,"tag":29,"props":30,"children":34},"a",{"href":31,"rel":32},"https://go.eltheme.ir/get-tairo",[33],"nofollow",[35],{"type":26,"value":36},"ThemeForest",{"type":26,"value":38},". You have to purchase a license to get access to the source.",{"type":16,"tag":22,"props":40,"children":41},{},[42,44,51],{"type":26,"value":43},"Once you own a license, you will be able to download the source from your ThemeForest account. You can also get your ",{"type":16,"tag":29,"props":45,"children":48},{"href":46,"rel":47},"https://cssninja.io/faq/github-access",[33],[49],{"type":26,"value":50},"github lifetime access",{"type":26,"value":52}," from us, which will allow you to get the latest updates, before they're even released on ThemeForest.",{"type":16,"tag":54,"props":55,"children":58},"doc-message",{"color":56,"icon":57},"danger","ph:warning",[59],{"type":16,"tag":22,"props":60,"children":61},{},[62,64,70],{"type":26,"value":63},"Remember to make your repository ",{"type":16,"tag":65,"props":66,"children":67},"strong",{},[68],{"type":26,"value":69},"private",{"type":26,"value":71}," if you fork or create a new git repository",{"type":16,"tag":73,"props":74,"children":75},"hr",{},[],{"type":16,"tag":22,"props":77,"children":78},{},[79],{"type":26,"value":80},"Useful resources:",{"type":16,"tag":82,"props":83,"children":84},"ul",{},[85,96],{"type":16,"tag":86,"props":87,"children":88},"li",{},[89],{"type":16,"tag":29,"props":90,"children":93},{"href":91,"rel":92},"https://cssninja.io/faq/",[33],[94],{"type":26,"value":95},"Read our FAQ on cssninja.io",{"type":16,"tag":86,"props":97,"children":98},{},[99],{"type":16,"tag":29,"props":100,"children":103},{"href":101,"rel":102},"https://cssninja.io/faq/licenses",[33],[104],{"type":26,"value":105},"Licences broken down on cssninja.io",{"type":16,"tag":17,"props":107,"children":109},{"title":108},"Get help from our support team",[110,124,137,142,156,174,177,181],{"type":16,"tag":22,"props":111,"children":112},{},[113,115,122],{"type":26,"value":114},"When purchasing a license, you get access to our ",{"type":16,"tag":29,"props":116,"children":119},{"href":117,"rel":118},"https://cssninja.io/faq/support",[33],[120],{"type":26,"value":121},"integrated support portal",{"type":26,"value":123}," up to six months after your order. You can ask questions, send your feedback, report bugs and get help from our support team.",{"type":16,"tag":22,"props":125,"children":126},{},[127,129,135],{"type":26,"value":128},"Please read the ",{"type":16,"tag":29,"props":130,"children":132},{"href":131},"/documentation/guides/troubleshooting",[133],{"type":26,"value":134},"troubleshooting guide",{"type":26,"value":136}," before asking for help, as it may help you solve your issue faster.",{"type":16,"tag":22,"props":138,"children":139},{},[140],{"type":26,"value":141},"Once your support period is over, we still give you the opportunity to ask questions on our support portal, but we cannot guarantee a response.",{"type":16,"tag":22,"props":143,"children":144},{},[145,147,154],{"type":26,"value":146},"In any case, we encourage you to join us on our ",{"type":16,"tag":29,"props":148,"children":151},{"href":149,"rel":150},"https://go.cssninja/discord",[33],[152],{"type":26,"value":153},"discord server",{"type":26,"value":155},", where you can find previous answers to common questions and get help from the community. Feel free to share your feedback, ideas and promote your projects!",{"type":16,"tag":54,"props":157,"children":160},{"color":158,"icon":159},"primary","simple-icons:discord",[161],{"type":16,"tag":22,"props":162,"children":163},{},[164,166,172],{"type":26,"value":165},"Join our ",{"type":16,"tag":29,"props":167,"children":169},{"href":149,"rel":168},[33],[170],{"type":26,"value":171},"Discord server",{"type":26,"value":173}," to get help from the community.",{"type":16,"tag":73,"props":175,"children":176},{},[],{"type":16,"tag":22,"props":178,"children":179},{},[180],{"type":26,"value":80},{"type":16,"tag":82,"props":182,"children":183},{},[184,192],{"type":16,"tag":86,"props":185,"children":186},{},[187],{"type":16,"tag":29,"props":188,"children":190},{"href":91,"rel":189},[33],[191],{"type":26,"value":95},{"type":16,"tag":86,"props":193,"children":194},{},[195],{"type":16,"tag":29,"props":196,"children":198},{"href":101,"rel":197},[33],[199],{"type":26,"value":105},{"type":16,"tag":17,"props":201,"children":202},{"title":11},[203,241,358,375,378,382,405],{"type":16,"tag":22,"props":204,"children":205},{},[206,208,215,217,224,226,233,235],{"type":26,"value":207},"The template is built with ",{"type":16,"tag":29,"props":209,"children":212},{"href":210,"rel":211},"https://nuxt.com/",[33],[213],{"type":26,"value":214},"Nuxt",{"type":26,"value":216}," and ",{"type":16,"tag":29,"props":218,"children":221},{"href":219,"rel":220},"https://tailwindcss.com/",[33],[222],{"type":26,"value":223},"Tailwind CSS",{"type":26,"value":225},". You need to have ",{"type":16,"tag":29,"props":227,"children":230},{"href":228,"rel":229},"https://nodejs.org/en/",[33],[231],{"type":26,"value":232},"Node.js LTS",{"type":26,"value":234}," installed on your machine. ",{"type":16,"tag":236,"props":237,"children":238},"em",{},[239],{"type":26,"value":240},"We do not recommend using the latest version of Node.js as they might introduce breaking changes and produce unexpected results with underlying dependencies.",{"type":16,"tag":242,"props":243,"children":246},"code-timeline",{"className":244},[245],"mt-12",[247,289,326],{"type":16,"tag":248,"props":249,"children":251},"code-timeline-item",{":vertical":250,"vertical":10},"true",[252,270,281],{"type":16,"tag":253,"props":254,"children":255},"code-group",{},[256],{"type":16,"tag":257,"props":258,"children":264},"pre",{"className":259,"code":261,"filename":262,"language":263,"meta":10},[260],"language-bash","node -v\n","Terminal","bash",[265],{"type":16,"tag":266,"props":267,"children":268},"code",{"__ignoreMap":10},[269],{"type":26,"value":261},{"type":16,"tag":271,"props":272,"children":273},"template",{"v-slot:title":10},[274],{"type":16,"tag":275,"props":276,"children":280},"tairo-toc-anchor",{":level":277,"label":278,"prefix":279},"3","Verify Node.js installation"," ",[],{"type":16,"tag":271,"props":282,"children":283},{"v-slot:description":10},[284],{"type":16,"tag":22,"props":285,"children":286},{},[287],{"type":26,"value":288},"You should see the version of Node.js you just installed, it should be at least 20.x.x",{"type":16,"tag":248,"props":290,"children":291},{":vertical":250,"vertical":10},[292,304,311],{"type":16,"tag":253,"props":293,"children":294},{},[295],{"type":16,"tag":257,"props":296,"children":299},{"className":297,"code":298,"filename":262,"language":263,"meta":10},[260],"corepack prepare pnpm@latest --activate\n",[300],{"type":16,"tag":266,"props":301,"children":302},{"__ignoreMap":10},[303],{"type":26,"value":298},{"type":16,"tag":271,"props":305,"children":306},{"v-slot:title":10},[307],{"type":16,"tag":275,"props":308,"children":310},{":level":277,"label":309,"prefix":279},"Install pnpm with corepack",[],{"type":16,"tag":271,"props":312,"children":313},{"v-slot:description":10},[314],{"type":16,"tag":22,"props":315,"children":316},{},[317,324],{"type":16,"tag":29,"props":318,"children":321},{"href":319,"rel":320},"https://nodejs.org/docs/latest-v18.x/api/corepack.html",[33],[322],{"type":26,"value":323},"Corepack",{"type":26,"value":325}," is installed by default with Node.js. It allows you to install packages globally without polluting your global package space.",{"type":16,"tag":248,"props":327,"children":328},{":vertical":250,"vertical":10},[329,343,350],{"type":16,"tag":253,"props":330,"children":331},{},[332],{"type":16,"tag":257,"props":333,"children":338},{"className":334,"code":336,"filename":262,"language":337,"meta":10},[335],"language-shell","pnpm -v\n","shell",[339],{"type":16,"tag":266,"props":340,"children":341},{"__ignoreMap":10},[342],{"type":26,"value":336},{"type":16,"tag":271,"props":344,"children":345},{"v-slot:title":10},[346],{"type":16,"tag":275,"props":347,"children":349},{":level":277,"label":348,"prefix":279},"Verify pnpm installation",[],{"type":16,"tag":271,"props":351,"children":352},{"v-slot:description":10},[353],{"type":16,"tag":22,"props":354,"children":355},{},[356],{"type":26,"value":357},"You should see the version of pnpm you just installed, it should be at least 8.x.x",{"type":16,"tag":54,"props":359,"children":362},{"color":360,"icon":361},"muted-contrast","lucide:info",[363],{"type":16,"tag":22,"props":364,"children":365},{},[366,368],{"type":26,"value":367},"For windows users, we recommend using ",{"type":16,"tag":29,"props":369,"children":372},{"href":370,"rel":371},"https://learn.microsoft.com/en-us/windows/wsl/install",[33],[373],{"type":26,"value":374},"WSL",{"type":16,"tag":73,"props":376,"children":377},{},[],{"type":16,"tag":22,"props":379,"children":380},{},[381],{"type":26,"value":80},{"type":16,"tag":82,"props":383,"children":384},{},[385,395],{"type":16,"tag":86,"props":386,"children":387},{},[388],{"type":16,"tag":29,"props":389,"children":392},{"href":390,"rel":391},"https://github.com/nvm-sh/nvm",[33],[393],{"type":26,"value":394},"Install nvm tool from github.com",{"type":16,"tag":86,"props":396,"children":397},{},[398],{"type":16,"tag":29,"props":399,"children":402},{"href":400,"rel":401},"https://nodejs.org/en",[33],[403],{"type":26,"value":404},"Download Node.js on nodejs.org",{"type":16,"tag":271,"props":406,"children":407},{"v-slot:grid":10},[408,427,445],{"type":16,"tag":409,"props":410,"children":414},"doc-grid-icon",{"color":411,"name":412,"to":413},"success","simple-icons:nuxtdotjs","https://nuxt.com",[415,419],{"type":16,"tag":22,"props":416,"children":417},{},[418],{"type":26,"value":214},{"type":16,"tag":271,"props":420,"children":421},{"v-slot:description":10},[422],{"type":16,"tag":22,"props":423,"children":424},{},[425],{"type":26,"value":426},"Fullstack Web Framework",{"type":16,"tag":409,"props":428,"children":432},{"color":429,"name":430,"to":431},"sky","simple-icons:tailwindcss","https://tailwindcss.com",[433,437],{"type":16,"tag":22,"props":434,"children":435},{},[436],{"type":26,"value":223},{"type":16,"tag":271,"props":438,"children":439},{"v-slot:description":10},[440],{"type":16,"tag":22,"props":441,"children":442},{},[443],{"type":26,"value":444},"Utility-first CSS Framework",{"type":16,"tag":409,"props":446,"children":450},{"color":447,"name":448,"to":449},"yellow","teenyicons:typescript-outline","https://www.typescriptlang.org/",[451,456],{"type":16,"tag":22,"props":452,"children":453},{},[454],{"type":26,"value":455},"Typescript",{"type":16,"tag":271,"props":457,"children":458},{"v-slot:description":10},[459],{"type":16,"tag":22,"props":460,"children":461},{},[462],{"type":26,"value":463},"Improves code quality",{"type":16,"tag":465,"props":466,"children":469},"doc-nav",{"next":467,"prev":468},"/documentation/setup/nuxt-layers-and-tairo","/documentation",[],{"title":10,"searchDepth":471,"depth":471,"links":472},2,[],"markdown","content:documentation:10.setup:1.index.md","content","documentation/10.setup/1.index.md","md",[479,484],{"_path":468,"_dir":10,"_draft":9,"_partial":9,"_locale":10,"title":480,"description":10,"toc":481,"_type":473,"_id":482,"_source":475,"_file":483,"_extension":477},"مرکز مستندات",true,"content:documentation:1.index.md","documentation/1.index.md",{"_path":7,"_dir":485,"_draft":9,"_partial":481,"_locale":10,"title":8,"_id":486,"_type":487,"_source":475,"_file":488,"_extension":489},"setup","content:documentation:10.setup:_dir.yml","yaml","documentation/10.setup/_dir.yml","yml",[491,492],{"_path":468,"title":480},{"_path":467,"title":493},"Nuxt, Layers, and Tairo",1779173424130]