[{"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","/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":53,"body":108,"description":319,"extension":320,"links":319,"meta":321,"navigation":322,"path":54,"seo":323,"stem":55,"__hash__":324},"docs/2.overview/3.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://v3.nuxtjs.org/guide/directory-structure/components#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://ionicframework.com/docs/components",[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://github.com/nuxt-modules/ionic/issues/new/choose",[129],"open an issue"," or ",[125,157,160],{"href":158,"rel":159},"https://github.com/nuxt-modules/ionic/compare",[129],"a pull request",[133,162,164],{"id":163},"ionic-helper-functions","Ionic Helper Functions",[112,166,167],{},"A number of Ionic hooks/composables 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://ionicframework.com/docs/vue/platform#getplatforms",[129],[179,180,181],"code",{},"getPlatforms",[172,183,184],{},[125,185,188],{"href":186,"rel":187},"https://ionicframework.com/docs/vue/platform#isplatform",[129],[179,189,190],{},"isPlatform",[172,192,193],{},[125,194,197],{"href":195,"rel":196},"https://ionicframework.com/docs/api/menu",[129],[179,198,199],{},"menuController",[172,201,202],{},[125,203,206],{"href":204,"rel":205},"https://ionicframework.com/docs/vue/lifecycle#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://ionicframework.com/docs/vue/utility-functions#hardware-back-button",[129],[179,240,241],{},"useBackButton",[172,243,244],{},[125,245,248],{"href":246,"rel":247},"https://ionicframework.com/docs/vue/utility-functions#keyboard",[129],[179,249,250],{},"useKeyboard",[172,252,253],{},[125,254,257],{"href":255,"rel":256},"https://ionicframework.com/docs/vue/utility-functions#router",[129],[179,258,259],{},"useIonRouter",[172,261,262],{},[125,263,266],{"href":264,"rel":265},"https://ionicframework.com/docs/utilities/animations",[129],[179,267,268],{},"createAnimation",[172,270,271],{},[125,272,275],{"href":273,"rel":274},"https://ionicframework.com/docs/utilities/gestures",[129],[179,276,277],{},"createGesture",[172,279,280],{},[125,281,284],{"href":282,"rel":283},"https://github.com/ionic-team/ionic-framework/blob/main/core/src/utils/animation/cubic-bezier.ts#L20",[129],[179,285,286],{},"getTimeGivenProgression",[172,288,289],{},[125,290,293],{"href":291,"rel":292},"https://github.com/ionic-team/ionic-framework/blob/main/core/src/utils/transition/ios.transition.ts#L267",[129],[179,294,295],{},"iosTransitionAnimation",[172,297,298],{},[125,299,302],{"href":300,"rel":301},"https://github.com/ionic-team/ionic-framework/blob/main/core/src/utils/transition/md.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://ionicframework.com/docs/",[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},1775601896862]