[{"data":1,"prerenderedAt":466},["ShallowReactive",2],{"navigation_docs":3,"-nuxt-composables":233,"-nuxt-composables-surround":462},[4,27,77,127,161,219],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":26},"Get started","majesticons:rocket-3-start-line","\u002Fget-started","1.get-started",[10,14,18,22],{"title":11,"path":12,"stem":13},"How it works","\u002Fget-started\u002Fhow-it-works","1.get-started\u002F10.how-it-works",{"title":15,"path":16,"stem":17},"Play online","\u002Fget-started\u002Fplay-online","1.get-started\u002F20.play-online",{"title":19,"path":20,"stem":21},"Create a new project","\u002Fget-started\u002Fcreate-new-project","1.get-started\u002F30.create-new-project",{"title":23,"path":24,"stem":25},"First steps","\u002Fget-started\u002Ffirst-steps","1.get-started\u002F40.first-steps",false,{"title":28,"icon":29,"path":30,"stem":31,"children":32,"page":26},"Guide","mdi:book-open-page-variant-outline","\u002Fguide","2.guide",[33,37,41,45,49,53,57,61,65,69,73],{"title":34,"path":35,"stem":36},"Customized API Output","\u002Fguide\u002Fcustomized-api-output","2.guide\u002F05.customized-api-output",{"title":38,"path":39,"stem":40},"Pages & Routing","\u002Fguide\u002Fpages-routing","2.guide\u002F10.pages-routing",{"title":42,"path":43,"stem":44},"Site layout & Menus","\u002Fguide\u002Fsite-layout-menus","2.guide\u002F20.site-layout-menus",{"title":46,"path":47,"stem":48},"Authentication","\u002Fguide\u002Fauthentication","2.guide\u002F40.authentication",{"title":50,"path":51,"stem":52},"Metatags & Local tasks","\u002Fguide\u002Fmetatags-local-tasks","2.guide\u002F50.metatags-local-tasks",{"title":54,"path":55,"stem":56},"Breadcrumbs & Messages","\u002Fguide\u002Fbreadcrumbs-messages","2.guide\u002F60.breadcrumbs-messages",{"title":58,"path":59,"stem":60},"Redirects","\u002Fguide\u002Fredirects","2.guide\u002F65.redirects",{"title":62,"path":63,"stem":64},"Editorial previews","\u002Fguide\u002Feditorial-previews","2.guide\u002F70.editorial-previews",{"title":66,"path":67,"stem":68},"Layout builder","\u002Fguide\u002Flayout-builder","2.guide\u002F80.layout-builder",{"title":70,"path":71,"stem":72},"Drupal Canvas","\u002Fguide\u002Fcanvas","2.guide\u002F90.canvas",{"title":74,"path":75,"stem":76},"Drupal CMS","\u002Fguide\u002Fdrupal-cms","2.guide\u002F95.drupal-cms",{"title":78,"icon":79,"path":80,"stem":81,"children":82,"page":26},"Advanced topics","bi:diagram-3","\u002Fadvanced-topics","3.advanced-topics",[83,87,91,95,99,103,107,111,115,119,123],{"title":84,"path":85,"stem":86},"Multi-frontend","\u002Fadvanced-topics\u002Fmulti-frontend","3.advanced-topics\u002F05.multi-frontend",{"title":88,"path":89,"stem":90},"Listings, Views","\u002Fadvanced-topics\u002Flistings-views","3.advanced-topics\u002F10.listings-views",{"title":92,"path":93,"stem":94},"Searches","\u002Fadvanced-topics\u002Fsearches","3.advanced-topics\u002F20.searches",{"title":96,"path":97,"stem":98},"JSON-API & GraphQL","\u002Fadvanced-topics\u002Fjsonapi-graphql","3.advanced-topics\u002F30.jsonapi-graphql",{"title":100,"path":101,"stem":102},"Caching","\u002Fadvanced-topics\u002Fcaching","3.advanced-topics\u002F40.caching",{"title":104,"path":105,"stem":106},"Error pages","\u002Fadvanced-topics\u002Ferror-pages","3.advanced-topics\u002F50.error-pages",{"title":108,"path":109,"stem":110},"Drupal forms","\u002Fadvanced-topics\u002Fdrupal-forms","3.advanced-topics\u002F60.drupal-forms",{"title":112,"path":113,"stem":114},"Drupal JavaScript","\u002Fadvanced-topics\u002Fdrupal-javascript","3.advanced-topics\u002F62.drupal-javascript",{"title":116,"path":117,"stem":118},"Site Templates","\u002Fadvanced-topics\u002Fsite-templates","3.advanced-topics\u002F65.site-templates",{"title":120,"path":121,"stem":122},"Block layout","\u002Fadvanced-topics\u002Fblock-layout","3.advanced-topics\u002F70.block-layout",{"title":124,"path":125,"stem":126},"Debugging API requests","\u002Fadvanced-topics\u002Fdebugging","3.advanced-topics\u002F80.debugging",{"title":128,"icon":129,"path":130,"stem":131,"children":132,"page":26},"Drupal","simple-icons:drupal","\u002Fdrupal","4.drupal",[133,137,141,145,149,153,157],{"title":134,"path":135,"stem":136},"Key modules","\u002Fdrupal\u002Fkey-modules","4.drupal\u002F10.key-modules",{"title":138,"path":139,"stem":140},"Custom elements","\u002Fdrupal\u002Fcustom-elements","4.drupal\u002F20.custom-elements",{"title":142,"path":143,"stem":144},"Routes","\u002Fdrupal\u002Froutes","4.drupal\u002F30.routes",{"title":146,"path":147,"stem":148},"Providing blocks","\u002Fdrupal\u002Fproviding-blocks","4.drupal\u002F40.providing-blocks",{"title":150,"path":151,"stem":152},"Custom Element Processors","\u002Fdrupal\u002Fcustom-element-processors","4.drupal\u002F50.custom-element-processors",{"title":154,"path":155,"stem":156},"Adding Drupal forms","\u002Fdrupal\u002Fadd-drupal-forms","4.drupal\u002F60.add-drupal-forms",{"title":158,"path":159,"stem":160},"Providing themes","\u002Fdrupal\u002Fthemes","4.drupal\u002F70.themes",{"title":162,"icon":163,"path":164,"stem":165,"children":166,"page":26},"Nuxt","simple-icons:nuxtdotjs","\u002Fnuxt","5.nuxt",[167,171,175,179,183,187,191,195,199,203,207,211,215],{"title":168,"path":169,"stem":170},"Introduction","\u002Fnuxt\u002Fintroduction","5.nuxt\u002F10.introduction",{"title":172,"path":173,"stem":174},"Setup","\u002Fnuxt\u002Fsetup","5.nuxt\u002F20.setup",{"title":176,"path":177,"stem":178},"Rendering Custom Elements","\u002Fnuxt\u002Frender-custom-elements","5.nuxt\u002F30.render-custom-elements",{"title":180,"path":181,"stem":182},"Default components","\u002Fnuxt\u002Fdefault-components","5.nuxt\u002F32.default-components",{"title":184,"path":185,"stem":186},"Composables","\u002Fnuxt\u002Fcomposables","5.nuxt\u002F35.composables",{"title":188,"path":189,"stem":190},"Drupal JS libraries","\u002Fnuxt\u002Fdrupal-libraries","5.nuxt\u002F37.drupal-libraries",{"title":192,"path":193,"stem":194},"Custom Routes","\u002Fnuxt\u002Fcustom-routes","5.nuxt\u002F40.custom-routes",{"title":196,"path":197,"stem":198},"Page Layouts","\u002Fnuxt\u002Fpage-layouts","5.nuxt\u002F50.page-layouts",{"title":200,"path":201,"stem":202},"Component Previews","\u002Fnuxt\u002Fcomponent-previews","5.nuxt\u002F55.component-previews",{"title":204,"path":205,"stem":206},"Component Index","\u002Fnuxt\u002Fcanvas-components","5.nuxt\u002F57.canvas-components",{"title":208,"path":209,"stem":210},"Rendering modes","\u002Fnuxt\u002Frendering-modes","5.nuxt\u002F60.rendering-modes",{"title":212,"path":213,"stem":214},"Deployment options","\u002Fnuxt\u002Fdeployment","5.nuxt\u002F70.deployment",{"title":216,"path":217,"stem":218},"Resources","\u002Fnuxt\u002Fresources","5.nuxt\u002F90.resources",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":26},"Deployment","solar:server-square-cloud-linear","\u002Fdeployment","6.deployment",[225,229],{"title":226,"path":227,"stem":228},"Deployment Strategies","\u002Fdeployment\u002Fdeployment-strategy","6.deployment\u002F10.deployment-strategy",{"title":230,"path":231,"stem":232},"Unified Hosting","\u002Fdeployment\u002Funified-hosting","6.deployment\u002F20.unified-hosting",{"id":234,"title":184,"body":235,"description":241,"extension":456,"links":457,"meta":458,"navigation":459,"path":185,"seo":460,"stem":186,"__hash__":461},"docs\u002F5.nuxt\u002F35.composables.md",{"type":236,"value":237,"toc":452},"minimark",[238,242,247,250,255,284,288,296,300,325,329,337,341,373,377,384,448],[239,240,241],"p",{},"The composable provided by the module provides helpers to fetch page and menu data, handle errors, and render custom components.",[243,244,246],"h3",{"id":245},"usedrupalce","useDrupalCe",[239,248,249],{},"This composable exports a collection of utilities to handle Drupal content and functionality.",[251,252,254],"h4",{"id":253},"page-handling","Page Handling",[256,257,258,266,272,278],"ul",{},[259,260,261,265],"li",{},[262,263,264],"code",{},"fetchPage(path: string, query?: Object, errorHandler?: Function, skipProxy?: boolean)"," - Fetches a page by path",[259,267,268,271],{},[262,269,270],{},"getPage()"," - Returns the current page state",[259,273,274,277],{},[262,275,276],{},"usePageHead(page: Ref\u003Cany>, include?: Array\u003C'title' | 'meta' | 'link' | 'jsonld'>)"," - Sets page head metadata from Drupal data",[259,279,280,283],{},[262,281,282],{},"getPageLayout(page?: Ref\u003Cany>)"," - Gets current page layout name (defaults to 'default')",[251,285,287],{"id":286},"menu-handling","Menu Handling",[256,289,290],{},[259,291,292,295],{},[262,293,294],{},"fetchMenu(name: string, options?: Object, errorHandler?: Function, skipProxy?: boolean)"," - Fetches a menu by name",[251,297,299],{"id":298},"component-rendering","Component Rendering",[256,301,302,308,314],{},[259,303,304,307],{},[262,305,306],{},"renderCustomElements(elements: string | object | Array)"," - Renders one or multiple custom elements from JSON data",[259,309,310,313],{},[262,311,312],{},"resolveCustomElement(element: string)"," - Resolves a custom element name to a Vue component",[259,315,316,319,320,324],{},[262,317,318],{},"loadLibrary(library: Object)"," - Loads a ",[321,322,323],"a",{"href":189},"Drupal JS library"," emitted by the backend",[251,326,328],{"id":327},"messages","Messages",[256,330,331],{},[259,332,333,336],{},[262,334,335],{},"getMessages()"," - Returns Drupal messages of the current page",[251,338,340],{"id":339},"api-utilities","API Utilities",[256,342,343,349,355,361,367],{},[259,344,345,348],{},[262,346,347],{},"$ceApi(options?: Object, skipProxy?: boolean)"," - Creates a configured fetch instance",[259,350,351,354],{},[262,352,353],{},"useCeApi(path: string, options?: Object, passThroughHeaders?: boolean, skipProxy?: boolean)"," - Fetches data from Drupal CE API endpoint",[259,356,357,360],{},[262,358,359],{},"getCeApiEndpoint(localize?: boolean)"," - Gets API endpoint with optional localization",[259,362,363,366],{},[262,364,365],{},"getDrupalBaseUrl()"," - Gets configured Drupal base URL",[259,368,369,372],{},[262,370,371],{},"getMenuBaseUrl()"," - Gets configured menu base URL",[243,374,376],{"id":375},"example-usage","Example usage",[239,378,379,380,383],{},"The following example makes use of the ",[262,381,382],{},"fetchPage"," method to get the current page:",[385,386,391],"pre",{"className":387,"code":388,"language":389,"meta":390,"style":390},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\n  const { fetchPage } = useDrupalCe()\n  const page = await fetchPage(useRoute().path)\n\u003C\u002Fscript>\n","js","",[262,392,393,413,432,438],{"__ignoreMap":390},[394,395,398,402,406,410],"span",{"class":396,"line":397},"line",1,[394,399,401],{"class":400},"sMK4o","\u003C",[394,403,405],{"class":404},"swJcz","script",[394,407,409],{"class":408},"spNyl"," setup",[394,411,412],{"class":400},">\n",[394,414,416,420,423,426,429],{"class":396,"line":415},2,[394,417,419],{"class":418},"sTEyZ","  const ",[394,421,422],{"class":400},"{",[394,424,425],{"class":418}," fetchPage ",[394,427,428],{"class":400},"}",[394,430,431],{"class":418}," = useDrupalCe()\n",[394,433,435],{"class":396,"line":434},3,[394,436,437],{"class":418},"  const page = await fetchPage(useRoute().path)\n",[394,439,441,444,446],{"class":396,"line":440},4,[394,442,443],{"class":400},"\u003C\u002F",[394,445,405],{"class":404},[394,447,412],{"class":400},[449,450,451],"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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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);}",{"title":390,"searchDepth":415,"depth":415,"links":453},[454,455],{"id":245,"depth":434,"text":246},{"id":375,"depth":434,"text":376},"md",null,{},true,{"title":184,"description":241},"43026TAiTjTon5mbLgJZhDPopEZ4lfOXmubNIVwYAmw",[463,465],{"title":180,"path":181,"stem":182,"description":464,"children":-1},"Note: This feature is atm only available when using the (default) JSON-based rendered of custom elements.",{"title":188,"path":189,"stem":190,"description":390,"children":-1},1786631281587]