[{"data":1,"prerenderedAt":583},["ShallowReactive",2],{"navigation_docs":3,"-get-started-configuration":106,"-get-started-configuration-surround":579},[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":21,"body":108,"description":573,"extension":510,"links":574,"meta":575,"navigation":576,"path":22,"seo":577,"stem":23,"__hash__":578},"docs/1.get-started/3.configuration.md",{"type":109,"value":110,"toc":569},"minimark",[111,116,133,284,289,292,336,340,351,445,449,452,534,546,550,557,565],[112,113,115],"h3",{"id":114},"module-config","Module Config",[117,118,119,120,124,125,128,129,132],"p",{},"This module exposes three keys for configuration: ",[121,122,123],"code",{},"integrations",", ",[121,126,127],{},"css"," and ",[121,130,131],{},"config",":",[134,135,141],"pre",{"className":136,"code":137,"filename":138,"language":139,"meta":140,"style":140},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxtjs/ionic'],\n  ionic: {\n    integrations: {\n      //\n    },\n    css: {\n      //\n    },\n    config: {\n      //\n    }\n  },\n})\n","nuxt.config.ts","js","",[121,142,143,167,194,205,215,222,228,238,243,248,258,263,269,275],{"__ignoreMap":140},[144,145,148,152,155,159,163],"span",{"class":146,"line":147},"line",1,[144,149,151],{"class":150},"s7zQu","export",[144,153,154],{"class":150}," default",[144,156,158],{"class":157},"s2Zo4"," defineNuxtConfig",[144,160,162],{"class":161},"sTEyZ","(",[144,164,166],{"class":165},"sMK4o","{\n",[144,168,170,174,176,179,182,186,188,191],{"class":146,"line":169},2,[144,171,173],{"class":172},"swJcz","  modules",[144,175,132],{"class":165},[144,177,178],{"class":161}," [",[144,180,181],{"class":165},"'",[144,183,185],{"class":184},"sfazB","@nuxtjs/ionic",[144,187,181],{"class":165},[144,189,190],{"class":161},"]",[144,192,193],{"class":165},",\n",[144,195,197,200,202],{"class":146,"line":196},3,[144,198,199],{"class":172},"  ionic",[144,201,132],{"class":165},[144,203,204],{"class":165}," {\n",[144,206,208,211,213],{"class":146,"line":207},4,[144,209,210],{"class":172},"    integrations",[144,212,132],{"class":165},[144,214,204],{"class":165},[144,216,218],{"class":146,"line":217},5,[144,219,221],{"class":220},"sHwdD","      //\n",[144,223,225],{"class":146,"line":224},6,[144,226,227],{"class":165},"    },\n",[144,229,231,234,236],{"class":146,"line":230},7,[144,232,233],{"class":172},"    css",[144,235,132],{"class":165},[144,237,204],{"class":165},[144,239,241],{"class":146,"line":240},8,[144,242,221],{"class":220},[144,244,246],{"class":146,"line":245},9,[144,247,227],{"class":165},[144,249,251,254,256],{"class":146,"line":250},10,[144,252,253],{"class":172},"    config",[144,255,132],{"class":165},[144,257,204],{"class":165},[144,259,261],{"class":146,"line":260},11,[144,262,221],{"class":220},[144,264,266],{"class":146,"line":265},12,[144,267,268],{"class":165},"    }\n",[144,270,272],{"class":146,"line":271},13,[144,273,274],{"class":165},"  },\n",[144,276,278,281],{"class":146,"line":277},14,[144,279,280],{"class":165},"}",[144,282,283],{"class":161},")\n",[285,286,287],"h4",{"id":123},[121,288,123],{},[117,290,291],{},"Integrations control which other modules this module should enable and setup from the list below. Disabling them allows you to remove them, or gives you the option to set them up yourself.",[293,294,295,312,324],"ul",{},[296,297,298,302,305,306,309,311],"li",{},[299,300,301],"strong",{},"meta",[303,304],"br",{},"Default: ",[121,307,308],{},"true",[303,310],{},"\nDisable to take full control of meta tags.",[296,313,314,317,305,319,321,323],{},[299,315,316],{},"router",[303,318],{},[121,320,308],{},[303,322],{},"\nDisable to configure Ionic Router yourself.",[296,325,326,329,305,331,333,335],{},[299,327,328],{},"icons",[303,330],{},[121,332,308],{},[303,334],{},"\nDisable to stop icons from being auto-imported.",[285,337,338],{"id":127},[121,339,127],{},[117,341,342,343,350],{},"Configure which Ionic stylesheets are automatically added to your application. For more information about\nthese stylesheets, ",[344,345,349],"a",{"href":346,"rel":347},"https://ionicframework.com/docs/layout/global-stylesheets",[348],"nofollow","see the Ionic Documentation for Stylesheets",".",[293,352,353,372,400],{},[296,354,355,358,305,360,362,364,365],{},[299,356,357],{},"core",[303,359],{},[121,361,308],{},[303,363],{},"\nDisable to import these CSS files manually:",[293,366,367],{},[296,368,369],{},[121,370,371],{},"@ionic/vue/css/core.css",[296,373,374,377,305,379,381,364,383],{},[299,375,376],{},"basic",[303,378],{},[121,380,308],{},[303,382],{},[293,384,385,390,395],{},[296,386,387],{},[121,388,389],{},"@ionic/vue/css/normalize.css",[296,391,392],{},[121,393,394],{},"@ionic/vue/css/structure.css",[296,396,397],{},[121,398,399],{},"@ionic/vue/css/typography.css",[296,401,402,405,305,407,410,412,413],{},[299,403,404],{},"utilities",[303,406],{},[121,408,409],{},"false",[303,411],{},"\nEnable to add extra Ionic CSS utilities:",[293,414,415,420,425,430,435,440],{},[296,416,417],{},[121,418,419],{},"@ionic/vue/css/padding.css",[296,421,422],{},[121,423,424],{},"@ionic/vue/css/float-elements.css",[296,426,427],{},[121,428,429],{},"@ionic/vue/css/text-alignment.css",[296,431,432],{},[121,433,434],{},"@ionic/vue/css/text-transformation.css",[296,436,437],{},[121,438,439],{},"@ionic/vue/css/flex-utils.css",[296,441,442],{},[121,443,444],{},"@ionic/vue/css/display.css",[285,446,447],{"id":131},[121,448,131],{},[117,450,451],{},"Configure Ionic components globally across your app, such as app mode, tab button layout, etc. For example:",[134,453,455],{"className":136,"code":454,"filename":138,"language":139,"meta":140,"style":140},"export default defineNuxtConfig({\n  ionic: {\n    config: {\n      rippleEffect: false,\n      mode: 'md',\n      // ...\n    },\n  },\n})\n",[121,456,457,469,477,485,498,515,520,524,528],{"__ignoreMap":140},[144,458,459,461,463,465,467],{"class":146,"line":147},[144,460,151],{"class":150},[144,462,154],{"class":150},[144,464,158],{"class":157},[144,466,162],{"class":161},[144,468,166],{"class":165},[144,470,471,473,475],{"class":146,"line":169},[144,472,199],{"class":172},[144,474,132],{"class":165},[144,476,204],{"class":165},[144,478,479,481,483],{"class":146,"line":196},[144,480,253],{"class":172},[144,482,132],{"class":165},[144,484,204],{"class":165},[144,486,487,490,492,496],{"class":146,"line":207},[144,488,489],{"class":172},"      rippleEffect",[144,491,132],{"class":165},[144,493,495],{"class":494},"sfNiH"," false",[144,497,193],{"class":165},[144,499,500,503,505,508,511,513],{"class":146,"line":217},[144,501,502],{"class":172},"      mode",[144,504,132],{"class":165},[144,506,507],{"class":165}," '",[144,509,510],{"class":184},"md",[144,512,181],{"class":165},[144,514,193],{"class":165},[144,516,517],{"class":146,"line":224},[144,518,519],{"class":220},"      // ...\n",[144,521,522],{"class":146,"line":230},[144,523,227],{"class":165},[144,525,526],{"class":146,"line":240},[144,527,274],{"class":165},[144,529,530,532],{"class":146,"line":245},[144,531,280],{"class":165},[144,533,283],{"class":161},[535,536,539,540,545],"callout",{"color":537,"icon":538},"info","i-lucide-info","Please see the ",[344,541,544],{"href":542,"rel":543},"https://ionicframework.com/docs/vue/config#config-options",[348],"Ionic Config Options"," for available keys, values\nand examples of how they work.",[112,547,549],{"id":548},"capacitor-config","Capacitor Config",[117,551,552,553,556],{},"Capacitor is configured via the ",[121,554,555],{},"capacitor.config.ts"," file - this is only required if you are targeting native devices such as iOS or Android.",[535,558,539,559,564],{"color":537,"icon":538},[344,560,563],{"href":561,"rel":562},"https://capacitorjs.com/docs/config",[348],"Capacitor Config docs"," for more information.",[566,567,568],"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 .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}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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":140,"searchDepth":169,"depth":169,"links":570},[571,572],{"id":114,"depth":196,"text":115},{"id":548,"depth":196,"text":549},"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",null,{},{"icon":24},{"title":21,"description":573},"xC88lOX_eEA8VlXAXfxXTb-6bvtJjVeLrqmXfiWuXro",[580,582],{"title":16,"path":17,"stem":18,"description":581,"icon":19,"children":-1},"Get started quickly by installing and setting up this module with the following instructions.",{"title":26,"path":27,"stem":28,"description":140,"icon":29,"children":-1},1775601896862]