[{"data":1,"prerenderedAt":491},["ShallowReactive",2],{"navigation_docs":3,"-get-started-enabling-capacitor":106,"-get-started-enabling-capacitor-surround":487},[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":26,"body":108,"description":160,"extension":481,"links":482,"meta":483,"navigation":484,"path":27,"seo":485,"stem":28,"__hash__":486},"docs/1.get-started/4.enabling-capacitor.md",{"type":109,"value":110,"toc":479},"minimark",[111,122,130,151,379,388,393,396,412,415,462,470,475],[112,113,114,121],"p",{},[115,116,120],"a",{"href":117,"rel":118},"https://capacitorjs.com/",[119],"nofollow","Capacitor"," is a powerful tool for shipping to native platforms like iOS and Android, separate from or alongside your web app.",[112,123,124,125,129],{},"The good news is that it's installed by default with ",[126,127,128],"code",{},"@nuxtjs/ionic",". You just need to enable it in your ionic app, and choose what platforms you want to support.",[131,132,133],"blockquote",{},[112,134,135,136,139,140,143,144,143,147,150],{},"The Ionic CLI is available via ",[126,137,138],{},"npx"," or can be installed globally with ",[126,141,142],{},"npm install -g @ionic/cli"," or ",[126,145,146],{},"yarn global add @ionic/cli",[126,148,149],{},"pnpm add -g @ionic/cli",".",[152,153,154,214,265,324],"code-group",{},[155,156,161],"pre",{"className":157,"code":158,"filename":138,"language":159,"meta":160,"style":160},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx @ionic/cli integrations enable capacitor\nnpx @ionic/cli capacitor add ios\nnpx @ionic/cli capacitor add android\n","bash","",[126,162,163,184,200],{"__ignoreMap":160},[164,165,168,171,175,178,181],"span",{"class":166,"line":167},"line",1,[164,169,138],{"class":170},"sBMFI",[164,172,174],{"class":173},"sfazB"," @ionic/cli",[164,176,177],{"class":173}," integrations",[164,179,180],{"class":173}," enable",[164,182,183],{"class":173}," capacitor\n",[164,185,187,189,191,194,197],{"class":166,"line":186},2,[164,188,138],{"class":170},[164,190,174],{"class":173},[164,192,193],{"class":173}," capacitor",[164,195,196],{"class":173}," add",[164,198,199],{"class":173}," ios\n",[164,201,203,205,207,209,211],{"class":166,"line":202},3,[164,204,138],{"class":170},[164,206,174],{"class":173},[164,208,193],{"class":173},[164,210,196],{"class":173},[164,212,213],{"class":173}," android\n",[155,215,218],{"className":157,"code":216,"filename":217,"language":159,"meta":160,"style":160},"# ionic config set -g npmClient npm\n\nionic integrations enable capacitor\nionic capacitor add ios\nionic capacitor add android\n","npm",[126,219,220,226,232,243,254],{"__ignoreMap":160},[164,221,222],{"class":166,"line":167},[164,223,225],{"class":224},"sHwdD","# ionic config set -g npmClient npm\n",[164,227,228],{"class":166,"line":186},[164,229,231],{"emptyLinePlaceholder":230},true,"\n",[164,233,234,237,239,241],{"class":166,"line":202},[164,235,236],{"class":170},"ionic",[164,238,177],{"class":173},[164,240,180],{"class":173},[164,242,183],{"class":173},[164,244,246,248,250,252],{"class":166,"line":245},4,[164,247,236],{"class":170},[164,249,193],{"class":173},[164,251,196],{"class":173},[164,253,199],{"class":173},[164,255,257,259,261,263],{"class":166,"line":256},5,[164,258,236],{"class":170},[164,260,193],{"class":173},[164,262,196],{"class":173},[164,264,213],{"class":173},[155,266,269],{"className":157,"code":267,"filename":268,"language":159,"meta":160,"style":160},"ionic config set -g npmClient yarn\n\nionic integrations enable capacitor\nionic capacitor add ios\nionic capacitor add android\n","yarn",[126,270,271,290,294,304,314],{"__ignoreMap":160},[164,272,273,275,278,281,284,287],{"class":166,"line":167},[164,274,236],{"class":170},[164,276,277],{"class":173}," config",[164,279,280],{"class":173}," set",[164,282,283],{"class":173}," -g",[164,285,286],{"class":173}," npmClient",[164,288,289],{"class":173}," yarn\n",[164,291,292],{"class":166,"line":186},[164,293,231],{"emptyLinePlaceholder":230},[164,295,296,298,300,302],{"class":166,"line":202},[164,297,236],{"class":170},[164,299,177],{"class":173},[164,301,180],{"class":173},[164,303,183],{"class":173},[164,305,306,308,310,312],{"class":166,"line":245},[164,307,236],{"class":170},[164,309,193],{"class":173},[164,311,196],{"class":173},[164,313,199],{"class":173},[164,315,316,318,320,322],{"class":166,"line":256},[164,317,236],{"class":170},[164,319,193],{"class":173},[164,321,196],{"class":173},[164,323,213],{"class":173},[155,325,328],{"className":157,"code":326,"filename":327,"language":159,"meta":160,"style":160},"ionic config set -g npmClient pnpm\n\nionic integrations enable capacitor\nionic capacitor add ios\nionic capacitor add android\n","pnpm",[126,329,330,345,349,359,369],{"__ignoreMap":160},[164,331,332,334,336,338,340,342],{"class":166,"line":167},[164,333,236],{"class":170},[164,335,277],{"class":173},[164,337,280],{"class":173},[164,339,283],{"class":173},[164,341,286],{"class":173},[164,343,344],{"class":173}," pnpm\n",[164,346,347],{"class":166,"line":186},[164,348,231],{"emptyLinePlaceholder":230},[164,350,351,353,355,357],{"class":166,"line":202},[164,352,236],{"class":170},[164,354,177],{"class":173},[164,356,180],{"class":173},[164,358,183],{"class":173},[164,360,361,363,365,367],{"class":166,"line":245},[164,362,236],{"class":170},[164,364,193],{"class":173},[164,366,196],{"class":173},[164,368,199],{"class":173},[164,370,371,373,375,377],{"class":166,"line":256},[164,372,236],{"class":170},[164,374,193],{"class":173},[164,376,196],{"class":173},[164,378,213],{"class":173},[380,381,384,385,150],"callout",{"color":382,"icon":383},"info","i-lucide-info","Read more about ",[115,386,387],{"href":96},"creating for iOS and Android here",[389,390,392],"h4",{"id":391},"run-on-ios-or-android","Run on iOS or Android",[112,394,395],{},"Once an Android or iOS project is added with Capacitor, you can run your app on an iOS or Android emulator.",[380,397,398,399,143,402,405,406,411],{},"Android Studio and SDK (for Android projects) or XCode (for iOS projects) are required to use the ",[126,400,401],{},"npx cap open",[126,403,404],{},"npx cap run"," command. See the ",[115,407,410],{"href":408,"rel":409},"https://capacitorjs.com/docs/getting-started/environment-setup",[119],"Capacitor Environment Setup docs"," for details.",[112,413,414],{},"To build, sync, and run your app:",[416,417,418,428,435,448],"ol",{},[419,420,421,422,143,425,150],"li",{},"Create a web build with ",[126,423,424],{},"npx nuxt generate",[126,426,427],{},"npx nuxt build",[419,429,430,431,434],{},"Run ",[126,432,433],{},"npx cap sync"," to update your Capacitor project directories with your latest app build.",[419,436,430,437,143,440,443,444],{},[126,438,439],{},"npx cap run android",[126,441,442],{},"npx cap run ios"," to run the app from the command line using an installed device ",[445,446,447],"strong",{},"OR",[419,449,450,454,455,143,458,461],{},[451,452,453],"em",{},"(Optional)"," Run ",[126,456,457],{},"npx cap open android",[126,459,460],{},"npx cap open ios"," to open the project in Android Studio or XCode, respectively.",[131,463,464],{},[112,465,466,467,469],{},"Remember to run ",[126,468,433],{}," after every new build to ensure your Android and/or iOS project is up-to-date.",[380,471,384,472,150],{"color":382,"icon":383},[115,473,474],{"href":84},"local development for iOS and Android here",[476,477,478],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":160,"searchDepth":186,"depth":186,"links":480},[],"md",null,{},{"icon":29},{"title":26,"description":160},"f91kfnJ62gVJrFuSfbl2evIiihzzrnsWR6VYm9BuDLQ",[488,490],{"title":21,"path":22,"stem":23,"description":489,"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",{"title":31,"path":32,"stem":33,"description":160,"icon":34,"children":-1},1775601896862]