[{"data":1,"prerenderedAt":328},["ShallowReactive",2],{"navigation_docs":3,"-overview-ionic-auto-imports":106,"-overview-ionic-auto-imports-surround":325},[4,36,72],{"title":5,"icon":6,"redirect":7,"path":8,"stem":9,"children":10,"page":35},"Get Started","heroicons-outline:star","\u002Fget-started\u002Fintroduction","\u002Fget-started","1.get-started",[11,15,20,25,30],{"title":12,"path":7,"stem":13,"icon":14},"Introduction","1.get-started\u002F1.introduction","uil:info-circle",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fget-started\u002Finstallation","1.get-started\u002F2.installation","uil:play-circle",{"title":21,"path":22,"stem":23,"icon":24},"Configuration","\u002Fget-started\u002Fconfiguration","1.get-started\u002F3.configuration","uil:wrench",{"title":26,"path":27,"stem":28,"icon":29},"Enabling Capacitor","\u002Fget-started\u002Fenabling-capacitor","1.get-started\u002F4.enabling-capacitor","nonicons:capacitor-16",{"title":31,"path":32,"stem":33,"icon":34},"Watchouts","\u002Fget-started\u002Fwatch-outs","1.get-started\u002F5.watch-outs","uil:exclamation-triangle",false,{"title":37,"icon":38,"redirect":39,"path":40,"stem":41,"children":42,"page":35},"Overview","heroicons-outline:sparkles","\u002Foverview\u002Frouting","\u002Foverview","2.overview",[43,47,52,57,62,67],{"title":44,"path":39,"stem":45,"icon":46},"Routing","2.overview\u002F1.routing","uil:sign-alt",{"title":48,"path":49,"stem":50,"icon":51},"Theming","\u002Foverview\u002Ftheming","2.overview\u002F2.theming","uil:palette",{"title":53,"path":54,"stem":55,"icon":56},"Ionic Auto-Imports","\u002Foverview\u002Fionic-auto-imports","2.overview\u002F3.ionic-auto-imports","uil:channel",{"title":58,"path":59,"stem":60,"icon":61},"Module Utilities","\u002Foverview\u002Fmodule-utilities","2.overview\u002F4.module-utilities","uil:layer-group",{"title":63,"path":64,"stem":65,"icon":66},"Icons","\u002Foverview\u002Ficons","2.overview\u002F5.icons","uil:illustration",{"title":68,"path":69,"stem":70,"icon":71},"Deployment","\u002Foverview\u002Fdeployment","2.overview\u002F6.deployment","uil:rocket",{"title":73,"icon":74,"redirect":75,"path":76,"stem":77,"children":78,"page":35},"Cookbook","heroicons-outline:bookmark-alt","\u002Fcookbook\u002Fcustomising-app-vue","\u002Fcookbook","3.cookbook",[79,82,86,90,94,98,102],{"title":80,"path":75,"stem":81},"Customising app.vue","3.cookbook\u002F1.customising-app-vue",{"title":83,"path":84,"stem":85},"Local Development","\u002Fcookbook\u002Flocal-development","3.cookbook\u002F2.local-development",{"title":87,"path":88,"stem":89},"App Tabs","\u002Fcookbook\u002Fapp-tabs","3.cookbook\u002F3.app-tabs",{"title":91,"path":92,"stem":93},"useHead \u002F Page Meta","\u002Fcookbook\u002Fpage-metadata","3.cookbook\u002F4.page-metadata",{"title":95,"path":96,"stem":97},"iOS and Android Apps","\u002Fcookbook\u002Fcreating-ios-android-apps","3.cookbook\u002F5.creating-ios-android-apps",{"title":99,"path":100,"stem":101},"Web And Device","\u002Fcookbook\u002Fweb-and-device","3.cookbook\u002F6.web-and-device",{"title":103,"path":104,"stem":105},"Live Updates","\u002Fcookbook\u002Flive-updates","3.cookbook\u002F7.live-updates",{"id":107,"title":53,"body":108,"description":319,"extension":320,"links":319,"meta":321,"navigation":322,"path":54,"seo":323,"stem":55,"__hash__":324},"docs\u002F2.overview\u002F3.ionic-auto-imports.md",{"type":109,"value":110,"toc":313},"minimark",[111,115,118,132,137,140,147,161,165,168,305],[112,113,114],"p",{},"Ionic provides various components and helper functions for use in your application.",[112,116,117],{},"This module automatically auto-imports them throughout your app, so you do not need to import them manually.",[119,120,123,124,131],"callout",{"color":121,"icon":122},"info","i-lucide-info","Read more about ",[125,126,130],"a",{"href":127,"rel":128},"https:\u002F\u002Fv3.nuxtjs.org\u002Fguide\u002Fdirectory-structure\u002Fcomponents#components-directory",[129],"nofollow","how component auto-imports work",".",[133,134,136],"h2",{"id":135},"ionic-components","Ionic Components",[112,138,139],{},"All Ionic Vue components should be auto-imported throughout your app. Although your IDE should be aware of these components everywhere, they are not globally registered and are only imported within the components that use them.",[112,141,142,143],{},"For a list of all Ionic Vue components, please refer to the ionic component documentation: ",[125,144,145],{"href":145,"rel":146},"https:\u002F\u002Fionicframework.com\u002Fdocs\u002Fcomponents",[129],[119,148,149,150,155,156,131],{"color":121,"icon":122},"If you find a component that isn't being auto-imported, please ",[125,151,154],{"href":152,"rel":153},"https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Fionic\u002Fissues\u002Fnew\u002Fchoose",[129],"open an issue"," or ",[125,157,160],{"href":158,"rel":159},"https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Fionic\u002Fcompare",[129],"a pull request",[133,162,164],{"id":163},"ionic-helper-functions","Ionic Helper Functions",[112,166,167],{},"A number of Ionic hooks\u002Fcomposables are also imported by Nuxt via auto-imports within your app:",[169,170,171,182,191,200,209,217,225,233,242,251,260,269,278,287,296],"ul",{},[172,173,174],"li",{},[125,175,178],{"href":176,"rel":177},"https:\u002F\u002Fionicframework.com\u002Fdocs\u002Fvue\u002Fplatform#getplatforms",[129],[179,180,181],"code",{},"getPlatforms",[172,183,184],{},[125,185,188],{"href":186,"rel":187},"https:\u002F\u002Fionicframework.com\u002Fdocs\u002Fvue\u002Fplatform#isplatform",[129],[179,189,190],{},"isPlatform",[172,192,193],{},[125,194,197],{"href":195,"rel":196},"https:\u002F\u002Fionicframework.com\u002Fdocs\u002Fapi\u002Fmenu",[129],[179,198,199],{},"menuController",[172,201,202],{},[125,203,206],{"href":204,"rel":205},"https:\u002F\u002Fionicframework.com\u002Fdocs\u002Fvue\u002Flifecycle#ionic-framework-lifecycle-methods",[129],[179,207,208],{},"onIonViewWillEnter",[172,210,211],{},[125,212,214],{"href":204,"rel":213},[129],[179,215,216],{},"onIonViewDidEnter",[172,218,219],{},[125,220,222],{"href":204,"rel":221},[129],[179,223,224],{},"onIonViewWillLeave",[172,226,227],{},[125,228,230],{"href":204,"rel":229},[129],[179,231,232],{},"onIonViewDidLeave",[172,234,235],{},[125,236,239],{"href":237,"rel":238},"https:\u002F\u002Fionicframework.com\u002Fdocs\u002Fvue\u002Futility-functions#hardware-back-button",[129],[179,240,241],{},"useBackButton",[172,243,244],{},[125,245,248],{"href":246,"rel":247},"https:\u002F\u002Fionicframework.com\u002Fdocs\u002Fvue\u002Futility-functions#keyboard",[129],[179,249,250],{},"useKeyboard",[172,252,253],{},[125,254,257],{"href":255,"rel":256},"https:\u002F\u002Fionicframework.com\u002Fdocs\u002Fvue\u002Futility-functions#router",[129],[179,258,259],{},"useIonRouter",[172,261,262],{},[125,263,266],{"href":264,"rel":265},"https:\u002F\u002Fionicframework.com\u002Fdocs\u002Futilities\u002Fanimations",[129],[179,267,268],{},"createAnimation",[172,270,271],{},[125,272,275],{"href":273,"rel":274},"https:\u002F\u002Fionicframework.com\u002Fdocs\u002Futilities\u002Fgestures",[129],[179,276,277],{},"createGesture",[172,279,280],{},[125,281,284],{"href":282,"rel":283},"https:\u002F\u002Fgithub.com\u002Fionic-team\u002Fionic-framework\u002Fblob\u002Fmain\u002Fcore\u002Fsrc\u002Futils\u002Fanimation\u002Fcubic-bezier.ts#L20",[129],[179,285,286],{},"getTimeGivenProgression",[172,288,289],{},[125,290,293],{"href":291,"rel":292},"https:\u002F\u002Fgithub.com\u002Fionic-team\u002Fionic-framework\u002Fblob\u002Fmain\u002Fcore\u002Fsrc\u002Futils\u002Ftransition\u002Fios.transition.ts#L267",[129],[179,294,295],{},"iosTransitionAnimation",[172,297,298],{},[125,299,302],{"href":300,"rel":301},"https:\u002F\u002Fgithub.com\u002Fionic-team\u002Fionic-framework\u002Fblob\u002Fmain\u002Fcore\u002Fsrc\u002Futils\u002Ftransition\u002Fmd.transition.ts#L6",[129],[179,303,304],{},"mdTransitionAnimation",[119,306,307,308,131],{"color":121,"icon":122},"Read more about these ",[125,309,312],{"href":310,"rel":311},"https:\u002F\u002Fionicframework.com\u002Fdocs\u002F",[129],"helper functions in Ionic's docs",{"title":314,"searchDepth":315,"depth":315,"links":316},"",2,[317,318],{"id":135,"depth":315,"text":136},{"id":163,"depth":315,"text":164},null,"md",{},{"icon":56},{"title":53,"description":319},"kCDFDLWROapUlIkwlK_B5vt4Nmal6LCgT18UFYT1Wg4",[326,327],{"title":48,"path":49,"stem":50,"description":314,"icon":51,"children":-1},{"title":58,"path":59,"stem":60,"description":319,"icon":61,"children":-1},1779255260377]