[{"data":1,"prerenderedAt":534},["ShallowReactive",2],{"navigation_docs":3,"-cookbook-page-metadata":106,"-cookbook-page-metadata-surround":531},[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":91,"body":108,"description":525,"extension":526,"links":527,"meta":528,"navigation":208,"path":92,"seo":529,"stem":93,"__hash__":530},"docs\u002F3.cookbook\u002F4.page-metadata.md",{"type":109,"value":110,"toc":521},"minimark",[111,120,131,136,139,350,363,367,384,479,489,503,517],[112,113,114,115,119],"p",{},"The module auto-imports an Ionic-compatible implementation of Nuxt's ",[116,117,118],"code",{},"useHead"," composable. Ionic keeps inactive pages mounted, so Vue's unmount hooks cannot reliably remove their head entries.",[112,121,122,123,126,127,130],{},"Inside a component, the composable associates each head entry with the current route. It disposes the route's entries on ",[116,124,125],{},"onIonViewDidLeave"," and restores them on ",[116,128,129],{},"onIonViewDidEnter",".",[132,133,135],"h2",{"id":134},"usage","Usage",[112,137,138],{},"Use it like the standard Nuxt composable:",[140,141,147],"pre",{"className":142,"code":143,"filename":144,"language":145,"meta":146,"style":146},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nconst route = useRoute()\n\nuseHead({\n  title: () => `Product ${route.params.id}`,\n  meta: [\n    {\n      name: 'description',\n      content: 'View product details',\n    },\n  ],\n})\n\u003C\u002Fscript>\n","pages\u002Fproducts\u002F[id].vue","vue","",[116,148,149,184,203,210,221,264,275,281,300,317,323,331,340],{"__ignoreMap":146},[150,151,154,158,162,166,169,172,175,179,181],"span",{"class":152,"line":153},"line",1,[150,155,157],{"class":156},"sMK4o","\u003C",[150,159,161],{"class":160},"swJcz","script",[150,163,165],{"class":164},"spNyl"," setup",[150,167,168],{"class":164}," lang",[150,170,171],{"class":156},"=",[150,173,174],{"class":156},"\"",[150,176,178],{"class":177},"sfazB","ts",[150,180,174],{"class":156},[150,182,183],{"class":156},">\n",[150,185,187,190,194,196,200],{"class":152,"line":186},2,[150,188,189],{"class":164},"const",[150,191,193],{"class":192},"sTEyZ"," route ",[150,195,171],{"class":156},[150,197,199],{"class":198},"s2Zo4"," useRoute",[150,201,202],{"class":192},"()\n",[150,204,206],{"class":152,"line":205},3,[150,207,209],{"emptyLinePlaceholder":208},true,"\n",[150,211,213,215,218],{"class":152,"line":212},4,[150,214,118],{"class":198},[150,216,217],{"class":192},"(",[150,219,220],{"class":156},"{\n",[150,222,224,227,230,233,236,239,242,245,248,250,253,255,258,261],{"class":152,"line":223},5,[150,225,226],{"class":198},"  title",[150,228,229],{"class":156},":",[150,231,232],{"class":156}," ()",[150,234,235],{"class":164}," =>",[150,237,238],{"class":156}," `",[150,240,241],{"class":177},"Product ",[150,243,244],{"class":156},"${",[150,246,247],{"class":192},"route",[150,249,130],{"class":156},[150,251,252],{"class":192},"params",[150,254,130],{"class":156},[150,256,257],{"class":192},"id",[150,259,260],{"class":156},"}`",[150,262,263],{"class":156},",\n",[150,265,267,270,272],{"class":152,"line":266},6,[150,268,269],{"class":160},"  meta",[150,271,229],{"class":156},[150,273,274],{"class":192}," [\n",[150,276,278],{"class":152,"line":277},7,[150,279,280],{"class":156},"    {\n",[150,282,284,287,289,292,295,298],{"class":152,"line":283},8,[150,285,286],{"class":160},"      name",[150,288,229],{"class":156},[150,290,291],{"class":156}," '",[150,293,294],{"class":177},"description",[150,296,297],{"class":156},"'",[150,299,263],{"class":156},[150,301,303,306,308,310,313,315],{"class":152,"line":302},9,[150,304,305],{"class":160},"      content",[150,307,229],{"class":156},[150,309,291],{"class":156},[150,311,312],{"class":177},"View product details",[150,314,297],{"class":156},[150,316,263],{"class":156},[150,318,320],{"class":152,"line":319},10,[150,321,322],{"class":156},"    },\n",[150,324,326,329],{"class":152,"line":325},11,[150,327,328],{"class":192},"  ]",[150,330,263],{"class":156},[150,332,334,337],{"class":152,"line":333},12,[150,335,336],{"class":156},"}",[150,338,339],{"class":192},")\n",[150,341,343,346,348],{"class":152,"line":342},13,[150,344,345],{"class":156},"\u003C\u002F",[150,347,161],{"class":160},[150,349,183],{"class":156},[351,352,355,356,358,359,362],"callout",{"color":353,"icon":354},"warning","i-lucide-alert-triangle","Importing ",[116,357,118],{}," directly from ",[116,360,361],{},"@unhead\u002Fvue"," bypasses the Ionic lifecycle handling.",[132,364,366],{"id":365},"usage-outside-components","Usage outside components",[112,368,369,370,377,378,380,381,130],{},"Since ",[371,372,376],"a",{"href":373,"rel":374},"https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Fionic\u002Fpull\u002F825",[375],"nofollow","nuxt-modules\u002Fionic#825",", ",[116,379,118],{}," also works without an active component instance. This is required by Nuxt plugins and modules such as ",[116,382,383],{},"@nuxtjs\u002Fi18n",[140,385,389],{"className":386,"code":387,"filename":388,"language":178,"meta":146,"style":146},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtPlugin(() => {\n  useHead({\n    titleTemplate: title => title ? `${title} · My App` : 'My App',\n  })\n})\n","plugins\u002Fapp-head.ts",[116,390,391,413,422,466,473],{"__ignoreMap":146},[150,392,393,397,400,403,405,408,410],{"class":152,"line":153},[150,394,396],{"class":395},"s7zQu","export",[150,398,399],{"class":395}," default",[150,401,402],{"class":198}," defineNuxtPlugin",[150,404,217],{"class":192},[150,406,407],{"class":156},"()",[150,409,235],{"class":164},[150,411,412],{"class":156}," {\n",[150,414,415,418,420],{"class":152,"line":186},[150,416,417],{"class":198},"  useHead",[150,419,217],{"class":160},[150,421,220],{"class":156},[150,423,424,427,429,433,435,437,440,443,446,448,451,454,457,459,462,464],{"class":152,"line":205},[150,425,426],{"class":198},"    titleTemplate",[150,428,229],{"class":156},[150,430,432],{"class":431},"sHdIc"," title",[150,434,235],{"class":164},[150,436,432],{"class":192},[150,438,439],{"class":156}," ?",[150,441,442],{"class":156}," `${",[150,444,445],{"class":192},"title",[150,447,336],{"class":156},[150,449,450],{"class":177}," · My App",[150,452,453],{"class":156},"`",[150,455,456],{"class":156}," :",[150,458,291],{"class":156},[150,460,461],{"class":177},"My App",[150,463,297],{"class":156},[150,465,263],{"class":156},[150,467,468,471],{"class":152,"line":212},[150,469,470],{"class":156},"  }",[150,472,339],{"class":160},[150,474,475,477],{"class":152,"line":223},[150,476,336],{"class":156},[150,478,339],{"class":192},[112,480,481,482,377,485,488],{},"Without a component instance, the composable skips ",[116,483,484],{},"useRoute",[116,486,487],{},"useRouter",", and the component lifecycle hooks. The head entry is registered directly and remains active until it is patched or disposed.",[112,490,491,492,495,496,499,500,502],{},"The composable returns an entry with ",[116,493,494],{},"patch()"," and ",[116,497,498],{},"dispose()"," methods, matching the standard ",[116,501,118],{}," API.",[351,504,507,508,516],{"color":505,"icon":506},"info","i-lucide-info","See the ",[371,509,512,513,515],{"href":510,"rel":511},"https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fapi\u002Fcomposables\u002Fuse-head",[375],"Nuxt ",[116,514,118],{}," documentation"," for supported properties and reactive inputs.",[518,519,520],"style",{},"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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .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 .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":146,"searchDepth":186,"depth":186,"links":522},[523,524],{"id":134,"depth":186,"text":135},{"id":365,"depth":186,"text":366},"Manage page titles and head tags with the Ionic-compatible useHead composable.","md",null,{},{"title":91,"description":525},"xYPvLymu6FgSypZmZKdsOYPptQI4hRQBp0y9sc2f1m8",[532,533],{"title":87,"path":88,"stem":89,"description":146,"children":-1},{"title":95,"path":96,"stem":97,"description":146,"children":-1},1785631421474]