[{"data":1,"prerenderedAt":418},["ShallowReactive",2],{"navigation_docs":3,"-get-started-installation":106,"-get-started-installation-surround":413},[4,36,72],{"title":5,"icon":6,"redirect":7,"path":8,"stem":9,"children":10,"page":35},"Get Started","heroicons-outline:star","/get-started/introduction","/get-started","1.get-started",[11,15,20,25,30],{"title":12,"path":7,"stem":13,"icon":14},"Introduction","1.get-started/1.introduction","uil:info-circle",{"title":16,"path":17,"stem":18,"icon":19},"Installation","/get-started/installation","1.get-started/2.installation","uil:play-circle",{"title":21,"path":22,"stem":23,"icon":24},"Configuration","/get-started/configuration","1.get-started/3.configuration","uil:wrench",{"title":26,"path":27,"stem":28,"icon":29},"Enabling Capacitor","/get-started/enabling-capacitor","1.get-started/4.enabling-capacitor","nonicons:capacitor-16",{"title":31,"path":32,"stem":33,"icon":34},"Watchouts","/get-started/watch-outs","1.get-started/5.watch-outs","uil:exclamation-triangle",false,{"title":37,"icon":38,"redirect":39,"path":40,"stem":41,"children":42,"page":35},"Overview","heroicons-outline:sparkles","/overview/routing","/overview","2.overview",[43,47,52,57,62,67],{"title":44,"path":39,"stem":45,"icon":46},"Routing","2.overview/1.routing","uil:sign-alt",{"title":48,"path":49,"stem":50,"icon":51},"Theming","/overview/theming","2.overview/2.theming","uil:palette",{"title":53,"path":54,"stem":55,"icon":56},"Ionic Auto-Imports","/overview/ionic-auto-imports","2.overview/3.ionic-auto-imports","uil:channel",{"title":58,"path":59,"stem":60,"icon":61},"Module Utilities","/overview/module-utilities","2.overview/4.module-utilities","uil:layer-group",{"title":63,"path":64,"stem":65,"icon":66},"Icons","/overview/icons","2.overview/5.icons","uil:illustration",{"title":68,"path":69,"stem":70,"icon":71},"Deployment","/overview/deployment","2.overview/6.deployment","uil:rocket",{"title":73,"icon":74,"redirect":75,"path":76,"stem":77,"children":78,"page":35},"Cookbook","heroicons-outline:bookmark-alt","/cookbook/customising-app-vue","/cookbook","3.cookbook",[79,82,86,90,94,98,102],{"title":80,"path":75,"stem":81},"Customising app.vue","3.cookbook/1.customising-app-vue",{"title":83,"path":84,"stem":85},"Local Development","/cookbook/local-development","3.cookbook/2.local-development",{"title":87,"path":88,"stem":89},"App Tabs","/cookbook/app-tabs","3.cookbook/3.app-tabs",{"title":91,"path":92,"stem":93},"useHead / Page Meta","/cookbook/page-metadata","3.cookbook/4.page-metadata",{"title":95,"path":96,"stem":97},"iOS and Android Apps","/cookbook/creating-ios-android-apps","3.cookbook/5.creating-ios-android-apps",{"title":99,"path":100,"stem":101},"Web And Device","/cookbook/web-and-device","3.cookbook/6.web-and-device",{"title":103,"path":104,"stem":105},"Live Updates","/cookbook/live-updates","3.cookbook/7.live-updates",{"id":107,"title":16,"body":108,"description":406,"extension":407,"links":408,"meta":409,"navigation":410,"path":17,"seo":411,"stem":18,"__hash__":412},"docs/1.get-started/2.installation.md",{"type":109,"value":110,"toc":398},"minimark",[111,116,147,150,394],[112,113,115],"h2",{"id":114},"prerequisites","Prerequisites",[117,118,119,123,132,139],"ul",{},[120,121,122],"li",{},"A fresh or existing Nuxt project",[120,124,125],{},[126,127,131],"a",{"href":128,"rel":129},"https://nuxt.com/docs/getting-started/installation#prerequisites",[130],"nofollow","Nuxt's prerequisites",[120,133,134],{},[126,135,138],{"href":136,"rel":137},"https://ionicframework.com/docs/intro/environment",[130],"Ionic's environment setup",[120,140,141,146],{},[126,142,145],{"href":143,"rel":144},"https://capacitorjs.com/docs/getting-started/environment-setup",[130],"Capacitor's enviroment setup"," if using iOS or Android",[112,148,16],{"id":149},"installation",[151,152,154,159,168,200,204,211,288,301,311,315,318,371,382],"steps",{"level":153},"3",[155,156,158],"h3",{"id":157},"add-module","Add module",[160,161,162,163,167],"p",{},"Add ",[164,165,166],"code",{},"@nuxtjs/ionic"," to your project's dev dependencies:",[169,170,176],"pre",{"className":171,"code":172,"filename":173,"language":174,"meta":175,"style":175},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx nuxi@latest module add ionic\n","Terminal","bash","",[164,177,178],{"__ignoreMap":175},[179,180,183,187,191,194,197],"span",{"class":181,"line":182},"line",1,[179,184,186],{"class":185},"sBMFI","npx",[179,188,190],{"class":189},"sfazB"," nuxi@latest",[179,192,193],{"class":189}," module",[179,195,196],{"class":189}," add",[179,198,199],{"class":189}," ionic\n",[155,201,203],{"id":202},"nuxt-module","Nuxt Module",[160,205,206,207,210],{},"Next, add the module to your Nuxt configuration in ",[164,208,209],{},"nuxt.config.ts",".",[169,212,216],{"className":213,"code":214,"filename":209,"language":215,"meta":175,"style":175},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxtjs/ionic'],\n  ssr: false,\n})\n","js",[164,217,218,239,265,279],{"__ignoreMap":175},[179,219,220,224,227,231,235],{"class":181,"line":182},[179,221,223],{"class":222},"s7zQu","export",[179,225,226],{"class":222}," default",[179,228,230],{"class":229},"s2Zo4"," defineNuxtConfig",[179,232,234],{"class":233},"sTEyZ","(",[179,236,238],{"class":237},"sMK4o","{\n",[179,240,242,246,249,252,255,257,259,262],{"class":181,"line":241},2,[179,243,245],{"class":244},"swJcz","  modules",[179,247,248],{"class":237},":",[179,250,251],{"class":233}," [",[179,253,254],{"class":237},"'",[179,256,166],{"class":189},[179,258,254],{"class":237},[179,260,261],{"class":233},"]",[179,263,264],{"class":237},",\n",[179,266,268,271,273,277],{"class":181,"line":267},3,[179,269,270],{"class":244},"  ssr",[179,272,248],{"class":237},[179,274,276],{"class":275},"sfNiH"," false",[179,278,264],{"class":237},[179,280,282,285],{"class":181,"line":281},4,[179,283,284],{"class":237},"}",[179,286,287],{"class":233},")\n",[289,290,293,294,297,298,210],"callout",{"color":291,"icon":292},"warning","i-lucide-alert-triangle","If deploying to iOS or Android, be aware the app must be able to run completely client-side. We recommend setting ",[164,295,296],{},"ssr: false"," in your nuxt config. Find out more in ",[126,299,300],{"href":100},"deploying to both web and device",[160,302,303,304,307,308,210],{},"Finally, either remove your ",[164,305,306],{},"app.vue"," file or ",[126,309,310],{"href":75},"replace it with a custom one",[155,312,314],{"id":313},"development-server","Development Server",[160,316,317],{},"Now you'll be able to start your Nuxt app in development mode as usual:",[319,320,321,337,357],"code-group",{},[169,322,325],{"className":171,"code":323,"filename":324,"language":174,"meta":175,"style":175},"yarn dev -o\n","yarn",[164,326,327],{"__ignoreMap":175},[179,328,329,331,334],{"class":181,"line":182},[179,330,324],{"class":185},[179,332,333],{"class":189}," dev",[179,335,336],{"class":189}," -o\n",[169,338,341],{"className":171,"code":339,"filename":340,"language":174,"meta":175,"style":175},"npm run dev -- -o\n","npm",[164,342,343],{"__ignoreMap":175},[179,344,345,347,350,352,355],{"class":181,"line":182},[179,346,340],{"class":185},[179,348,349],{"class":189}," run",[179,351,333],{"class":189},[179,353,354],{"class":189}," --",[179,356,336],{"class":189},[169,358,361],{"className":171,"code":359,"filename":360,"language":174,"meta":175,"style":175},"pnpm dev -o\n","pnpm",[164,362,363],{"__ignoreMap":175},[179,364,365,367,369],{"class":181,"line":182},[179,366,360],{"class":185},[179,368,333],{"class":189},[179,370,336],{"class":189},[289,372,377,378,210],{"color":373,"icon":374,"className":375},"success","i-lucide-check-circle",[376],"font-bold","Well done! A browser window should automatically open for ",[126,379,380],{"href":380,"rel":381},"http://localhost:3000",[130],[289,383,386,387,389,390,393],{"color":384,"icon":385},"info","i-lucide-info","The first time you start a Nuxt project with ",[164,388,166],{}," enabled, a ",[164,391,392],{},"ionic.config.json"," file will be created if it doesn't already exist.",[395,396,397],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":175,"searchDepth":241,"depth":241,"links":399},[400,401],{"id":114,"depth":241,"text":115},{"id":149,"depth":241,"text":16,"children":402},[403,404,405],{"id":157,"depth":267,"text":158},{"id":202,"depth":267,"text":203},{"id":313,"depth":267,"text":314},"Get started quickly by installing and setting up this module with the following instructions.","md",null,{},{"icon":19},{"description":406},"Anv9XuFCUwvmC3oOZ9G1ogIyiAZMl72bsqdpO2qyf7s",[414,416],{"title":12,"path":7,"stem":13,"description":415,"icon":14,"children":-1},"Batteries-included, zero-config needed, Ionic integration for Nuxt",{"title":21,"path":22,"stem":23,"description":417,"icon":24,"children":-1},"This module provides configuration options for itself, as well as passing through configuration for ionic. Configuration for capacitor is set in the usual way, via capacitor.config.ts.\n",1775601896862]