[{"data":1,"prerenderedAt":491},["ShallowReactive",2],{"navigation_docs":3,"-nuxt-setup":225,"-nuxt-setup-surround":486},[4,27,77,123,157,211],{"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],{"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},"Site Templates","\u002Fadvanced-topics\u002Fsite-templates","3.advanced-topics\u002F65.site-templates",{"title":116,"path":117,"stem":118},"Block layout","\u002Fadvanced-topics\u002Fblock-layout","3.advanced-topics\u002F70.block-layout",{"title":120,"path":121,"stem":122},"Debugging API requests","\u002Fadvanced-topics\u002Fdebugging","3.advanced-topics\u002F80.debugging",{"title":124,"icon":125,"path":126,"stem":127,"children":128,"page":26},"Drupal","simple-icons:drupal","\u002Fdrupal","4.drupal",[129,133,137,141,145,149,153],{"title":130,"path":131,"stem":132},"Key modules","\u002Fdrupal\u002Fkey-modules","4.drupal\u002F10.key-modules",{"title":134,"path":135,"stem":136},"Custom elements","\u002Fdrupal\u002Fcustom-elements","4.drupal\u002F20.custom-elements",{"title":138,"path":139,"stem":140},"Routes","\u002Fdrupal\u002Froutes","4.drupal\u002F30.routes",{"title":142,"path":143,"stem":144},"Providing blocks","\u002Fdrupal\u002Fproviding-blocks","4.drupal\u002F40.providing-blocks",{"title":146,"path":147,"stem":148},"Custom Element Processors","\u002Fdrupal\u002Fcustom-element-processors","4.drupal\u002F50.custom-element-processors",{"title":150,"path":151,"stem":152},"Adding Drupal forms","\u002Fdrupal\u002Fadd-drupal-forms","4.drupal\u002F60.add-drupal-forms",{"title":154,"path":155,"stem":156},"Providing themes","\u002Fdrupal\u002Fthemes","4.drupal\u002F70.themes",{"title":158,"icon":159,"path":160,"stem":161,"children":162,"page":26},"Nuxt","simple-icons:nuxtdotjs","\u002Fnuxt","5.nuxt",[163,167,171,175,179,183,187,191,195,199,203,207],{"title":164,"path":165,"stem":166},"Introduction","\u002Fnuxt\u002Fintroduction","5.nuxt\u002F10.introduction",{"title":168,"path":169,"stem":170},"Setup","\u002Fnuxt\u002Fsetup","5.nuxt\u002F20.setup",{"title":172,"path":173,"stem":174},"Rendering Custom Elements","\u002Fnuxt\u002Frender-custom-elements","5.nuxt\u002F30.render-custom-elements",{"title":176,"path":177,"stem":178},"Default components","\u002Fnuxt\u002Fdefault-components","5.nuxt\u002F32.default-components",{"title":180,"path":181,"stem":182},"Composables","\u002Fnuxt\u002Fcomposables","5.nuxt\u002F35.composables",{"title":184,"path":185,"stem":186},"Custom Routes","\u002Fnuxt\u002Fcustom-routes","5.nuxt\u002F40.custom-routes",{"title":188,"path":189,"stem":190},"Page Layouts","\u002Fnuxt\u002Fpage-layouts","5.nuxt\u002F50.page-layouts",{"title":192,"path":193,"stem":194},"Component Previews","\u002Fnuxt\u002Fcomponent-previews","5.nuxt\u002F55.component-previews",{"title":196,"path":197,"stem":198},"Component Index","\u002Fnuxt\u002Fcanvas-components","5.nuxt\u002F57.canvas-components",{"title":200,"path":201,"stem":202},"Rendering modes","\u002Fnuxt\u002Frendering-modes","5.nuxt\u002F60.rendering-modes",{"title":204,"path":205,"stem":206},"Deployment options","\u002Fnuxt\u002Fdeployment","5.nuxt\u002F70.deployment",{"title":208,"path":209,"stem":210},"Resources","\u002Fnuxt\u002Fresources","5.nuxt\u002F90.resources",{"title":212,"icon":213,"path":214,"stem":215,"children":216,"page":26},"Deployment","solar:server-square-cloud-linear","\u002Fdeployment","6.deployment",[217,221],{"title":218,"path":219,"stem":220},"Deployment Strategies","\u002Fdeployment\u002Fdeployment-strategy","6.deployment\u002F10.deployment-strategy",{"title":222,"path":223,"stem":224},"Unified Hosting","\u002Fdeployment\u002Funified-hosting","6.deployment\u002F20.unified-hosting",{"id":226,"title":168,"body":227,"description":479,"extension":480,"links":481,"meta":482,"navigation":483,"path":169,"seo":484,"stem":170,"__hash__":485},"docs\u002F5.nuxt\u002F20.setup.md",{"type":228,"value":229,"toc":476},"minimark",[230,242,247,259,290,299,412,431,436,439,464,472],[231,232,233,234,241],"p",{},"The ",[235,236,240],"a",{"href":237,"rel":238},"https:\u002F\u002Fgithub.com\u002Fdrunomics\u002Fnuxt-module-drupal-ce",[239],"nofollow","Drupal Custom Elements Connector"," makes it easy to connect Nuxt with Lupus Decoupled Drupal and provide scaffold components to get started.",[243,244,246],"h2",{"id":245},"steps","Steps",[248,249,250],"ol",{},[251,252,253,254,258],"li",{},"Add the nuxt module ",[255,256,257],"code",{},"nuxtjs-drupal-ce"," to your Nuxt project:",[260,261,266],"pre",{"className":262,"code":263,"language":264,"meta":265,"style":265},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx nuxi@latest module add drupal-ce\n","bash","",[255,267,268],{"__ignoreMap":265},[269,270,273,277,281,284,287],"span",{"class":271,"line":272},"line",1,[269,274,276],{"class":275},"sBMFI","npx",[269,278,280],{"class":279},"sfazB"," nuxi@latest",[269,282,283],{"class":279}," module",[269,285,286],{"class":279}," add",[269,288,289],{"class":279}," drupal-ce\n",[248,291,293],{"start":292},2,[251,294,295,296],{},"Configure the module in your nuxt config file ",[255,297,298],{},"nuxt.config.js",[260,300,304],{"className":301,"code":302,"language":303,"meta":265,"style":265},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: [\n    'nuxtjs-drupal-ce',\n  ],\n  drupalCe: {\n    drupalBaseUrl: 'https:\u002F\u002Fyour-drupal.example.com',\n    \u002F\u002F more options...\n  }\n})\n","js",[255,305,306,327,339,353,361,372,390,397,403],{"__ignoreMap":265},[269,307,308,312,315,319,323],{"class":271,"line":272},[269,309,311],{"class":310},"s7zQu","export",[269,313,314],{"class":310}," default",[269,316,318],{"class":317},"s2Zo4"," defineNuxtConfig",[269,320,322],{"class":321},"sTEyZ","(",[269,324,326],{"class":325},"sMK4o","{\n",[269,328,329,333,336],{"class":271,"line":292},[269,330,332],{"class":331},"swJcz","  modules",[269,334,335],{"class":325},":",[269,337,338],{"class":321}," [\n",[269,340,342,345,347,350],{"class":271,"line":341},3,[269,343,344],{"class":325},"    '",[269,346,257],{"class":279},[269,348,349],{"class":325},"'",[269,351,352],{"class":325},",\n",[269,354,356,359],{"class":271,"line":355},4,[269,357,358],{"class":321},"  ]",[269,360,352],{"class":325},[269,362,364,367,369],{"class":271,"line":363},5,[269,365,366],{"class":331},"  drupalCe",[269,368,335],{"class":325},[269,370,371],{"class":325}," {\n",[269,373,375,378,380,383,386,388],{"class":271,"line":374},6,[269,376,377],{"class":331},"    drupalBaseUrl",[269,379,335],{"class":325},[269,381,382],{"class":325}," '",[269,384,385],{"class":279},"https:\u002F\u002Fyour-drupal.example.com",[269,387,349],{"class":325},[269,389,352],{"class":325},[269,391,393],{"class":271,"line":392},7,[269,394,396],{"class":395},"sHwdD","    \u002F\u002F more options...\n",[269,398,400],{"class":271,"line":399},8,[269,401,402],{"class":325},"  }\n",[269,404,406,409],{"class":271,"line":405},9,[269,407,408],{"class":325},"}",[269,410,411],{"class":321},")\n",[231,413,414,415,420,421,424,425,430],{},"The module defaults work well with ",[235,416,419],{"href":417,"rel":418},"https:\u002F\u002Fwww.drupal.org\u002Fproject\u002Flupus_decoupled",[239],"Lupus Decoupled Drupal",", so setting the ",[255,422,423],{},"drupalBaseUrl"," is usually enough. Howsoever, a complete list of options can be found in the module ",[235,426,429],{"href":427,"rel":428},"https:\u002F\u002Fgithub.com\u002Fdrunomics\u002Fnuxtjs-drupal-ce\u002Fblob\u002F2.x\u002FREADME.md",[239],"README",".",[248,432,433],{"start":341},[251,434,435],{},"The module provides a set of scaffold files to get started quickly.",[231,437,438],{},"To generate the scaffold pages and components, run:",[260,440,442],{"className":262,"code":441,"language":264,"meta":265,"style":265},"rm -f app.vue && npx nuxt-drupal-ce-init\n",[255,443,444],{"__ignoreMap":265},[269,445,446,449,452,455,458,461],{"class":271,"line":272},[269,447,448],{"class":275},"rm",[269,450,451],{"class":279}," -f",[269,453,454],{"class":279}," app.vue",[269,456,457],{"class":325}," &&",[269,459,460],{"class":275}," npx",[269,462,463],{"class":279}," nuxt-drupal-ce-init\n",[231,465,466,467,430],{},"The full list of scaffolded files is available in the ",[235,468,471],{"href":469,"rel":470},"https:\u002F\u002Fgithub.com\u002Fdrunomics\u002Fnuxtjs-drupal-ce\u002Ftree\u002F2.x\u002Fplayground",[239],"nuxtjs-drupal-ce repository",[473,474,475],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .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 .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}",{"title":265,"searchDepth":292,"depth":292,"links":477},[478],{"id":245,"depth":292,"text":246},"The Drupal Custom Elements Connector makes it easy to connect Nuxt with Lupus Decoupled Drupal and provide scaffold components to get started.","md",null,{},true,{"title":168,"description":479},"vEx-5uB1fLsN7RIf4BzVeoyLWmmdtGVQJWAE6sAHhms",[487,489],{"title":164,"path":165,"stem":166,"description":488,"children":-1},"Nuxt is an open source framework under MIT license that makes web development simple and powerful.",{"title":172,"path":173,"stem":174,"description":490,"children":-1},"The Drupal Custom Elements Connector module allows you to render custom elements in your Nuxt.js application fetched from a Drupal backend.",1779292116197]