[{"data":1,"prerenderedAt":1088},["ShallowReactive",2],{"navigation_docs":3,"-nuxt-render-custom-elements":233,"-nuxt-render-custom-elements-surround":1083},[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":176,"body":235,"description":1077,"extension":1078,"links":1079,"meta":1080,"navigation":402,"path":177,"seo":1081,"stem":178,"__hash__":1082},"docs\u002F5.nuxt\u002F30.render-custom-elements.md",{"type":236,"value":237,"toc":1068},"minimark",[238,250,255,267,274,278,285,468,472,475,590,593,598,601,782,788,792,795,848,851,883,887,890,1064],[239,240,241,242,249],"p",{},"The ",[243,244,248],"a",{"href":245,"rel":246},"https:\u002F\u002Fgithub.com\u002Fdrunomics\u002Fnuxt-module-drupal-ce",[247],"nofollow","Drupal Custom Elements Connector"," module allows you to render custom elements in your Nuxt.js application fetched from a Drupal backend.",[251,252,254],"h2",{"id":253},"basics","Basics",[239,256,257,258,262,263,266],{},"Generally, each custom element maps to a Vue component, which is automatically picked up when the component is named exactly like the custom element, e.g. for the element ",[259,260,261],"code",{},"drupal-markup"," create the component ",[259,264,265],{},"drupal-markup.vue",".",[239,268,269,270,273],{},"There is one gotcha though: For Vue to find your custom element components, they must be globally registered. Thus, in Nuxt, simply put them into your ",[259,271,272],{},"components\u002Fglobal"," folder, and they are picked up.",[251,275,277],{"id":276},"mapping-attributes-to-props","Mapping attributes to props",[239,279,280,281,284],{},"Every attribute of a component is available in Vue's ",[259,282,283],{},"$attrs"," variable. However, it's best practice to define the props for the component, what makes each attribute available under its defined name:",[286,287,292],"pre",{"className":288,"code":289,"language":290,"meta":291,"style":291},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"node\">\n    \u003Ch2 v-if=\"title\">Node: {{ title }}\u003C\u002Fh2>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\ndefineProps\u003C{\n  title?: string;\n}>()\n\u003C\u002Fscript>\n","js","",[259,293,294,310,337,377,387,397,404,429,438,450,459],{"__ignoreMap":291},[295,296,299,303,307],"span",{"class":297,"line":298},"line",1,[295,300,302],{"class":301},"sMK4o","\u003C",[295,304,306],{"class":305},"swJcz","template",[295,308,309],{"class":301},">\n",[295,311,313,316,319,323,326,329,333,335],{"class":297,"line":312},2,[295,314,315],{"class":301},"  \u003C",[295,317,318],{"class":305},"div",[295,320,322],{"class":321},"spNyl"," class",[295,324,325],{"class":301},"=",[295,327,328],{"class":301},"\"",[295,330,332],{"class":331},"sfazB","node",[295,334,328],{"class":301},[295,336,309],{"class":301},[295,338,340,343,345,348,350,352,355,357,360,364,367,370,373,375],{"class":297,"line":339},3,[295,341,342],{"class":301},"    \u003C",[295,344,251],{"class":305},[295,346,347],{"class":321}," v-if",[295,349,325],{"class":301},[295,351,328],{"class":301},[295,353,354],{"class":331},"title",[295,356,328],{"class":301},[295,358,359],{"class":301},">",[295,361,363],{"class":362},"sTEyZ","Node: ",[295,365,366],{"class":301},"{{",[295,368,369],{"class":362}," title ",[295,371,372],{"class":301},"}}\u003C\u002F",[295,374,251],{"class":305},[295,376,309],{"class":301},[295,378,380,383,385],{"class":297,"line":379},4,[295,381,382],{"class":301},"  \u003C\u002F",[295,384,318],{"class":305},[295,386,309],{"class":301},[295,388,390,393,395],{"class":297,"line":389},5,[295,391,392],{"class":301},"\u003C\u002F",[295,394,306],{"class":305},[295,396,309],{"class":301},[295,398,400],{"class":297,"line":399},6,[295,401,403],{"emptyLinePlaceholder":402},true,"\n",[295,405,407,409,412,415,418,420,422,425,427],{"class":297,"line":406},7,[295,408,302],{"class":301},[295,410,411],{"class":305},"script",[295,413,414],{"class":321}," setup",[295,416,417],{"class":321}," lang",[295,419,325],{"class":301},[295,421,328],{"class":301},[295,423,424],{"class":331},"ts",[295,426,328],{"class":301},[295,428,309],{"class":301},[295,430,432,435],{"class":297,"line":431},8,[295,433,434],{"class":362},"defineProps\u003C",[295,436,437],{"class":301},"{\n",[295,439,441,444,447],{"class":297,"line":440},9,[295,442,443],{"class":362},"  title",[295,445,446],{"class":301},"?:",[295,448,449],{"class":362}," string;\n",[295,451,453,456],{"class":297,"line":452},10,[295,454,455],{"class":301},"}",[295,457,458],{"class":362},">()\n",[295,460,462,464,466],{"class":297,"line":461},11,[295,463,392],{"class":301},[295,465,411],{"class":305},[295,467,309],{"class":301},[251,469,471],{"id":470},"rendering-slots","Rendering slots",[239,473,474],{},"Rendering slots in Vue components works seamlessly with both JSON and markup serialization. Simply use native Vue slots in your template:",[286,476,480],{"className":477,"code":478,"language":479,"meta":291,"style":291},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cslot name=\"body\" \u002F>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\n\u002F\u002F Optional: Define slots for better TypeScript support\ndefineSlots\u003C{\n  body(): any;\n}>()\n\u003C\u002Fscript>\n","vue",[259,481,482,490,512,520,524,544,550,559,574,582],{"__ignoreMap":291},[295,483,484,486,488],{"class":297,"line":298},[295,485,302],{"class":301},[295,487,306],{"class":305},[295,489,309],{"class":301},[295,491,492,494,497,500,502,504,507,509],{"class":297,"line":312},[295,493,315],{"class":301},[295,495,496],{"class":305},"slot",[295,498,499],{"class":321}," name",[295,501,325],{"class":301},[295,503,328],{"class":301},[295,505,506],{"class":331},"body",[295,508,328],{"class":301},[295,510,511],{"class":301}," \u002F>\n",[295,513,514,516,518],{"class":297,"line":339},[295,515,392],{"class":301},[295,517,306],{"class":305},[295,519,309],{"class":301},[295,521,522],{"class":297,"line":379},[295,523,403],{"emptyLinePlaceholder":402},[295,525,526,528,530,532,534,536,538,540,542],{"class":297,"line":389},[295,527,302],{"class":301},[295,529,411],{"class":305},[295,531,414],{"class":321},[295,533,417],{"class":321},[295,535,325],{"class":301},[295,537,328],{"class":301},[295,539,424],{"class":331},[295,541,328],{"class":301},[295,543,309],{"class":301},[295,545,546],{"class":297,"line":399},[295,547,549],{"class":548},"sHwdD","\u002F\u002F Optional: Define slots for better TypeScript support\n",[295,551,552,556],{"class":297,"line":406},[295,553,555],{"class":554},"s2Zo4","defineSlots",[295,557,558],{"class":301},"\u003C{\n",[295,560,561,564,567,571],{"class":297,"line":431},[295,562,563],{"class":305},"  body",[295,565,566],{"class":301},"():",[295,568,570],{"class":569},"sBMFI"," any",[295,572,573],{"class":301},";\n",[295,575,576,579],{"class":297,"line":440},[295,577,578],{"class":301},"}>",[295,580,581],{"class":362},"()\n",[295,583,584,586,588],{"class":297,"line":452},[295,585,392],{"class":301},[295,587,411],{"class":305},[295,589,309],{"class":301},[239,591,592],{},"This works with both JSON and markup serialization. The Nuxt Drupal CE connector automatically handles the slot content in both cases.",[594,595,597],"h3",{"id":596},"json-serialization-default","JSON serialization (default)",[239,599,600],{},"With JSON-formatted custom elements, slot content is automatically mapped to Vue slots. You can use named slots or the default slot:",[286,602,604],{"className":477,"code":603,"language":479,"meta":291,"style":291},"\u003Ctemplate>\n  \u003Cdiv class=\"card\">\n    \u003Cslot name=\"header\" \u002F>\n    \u003Cslot \u002F>\n    \u003Cslot name=\"footer\" \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\n\u002F\u002F Optional: Define slots for TypeScript\ndefineSlots\u003C{\n  header(): any;\n  default(): any;\n  footer(): any;\n}>()\n\u003C\u002Fscript>\n",[259,605,606,614,633,652,660,679,687,695,699,719,724,730,742,754,766,773],{"__ignoreMap":291},[295,607,608,610,612],{"class":297,"line":298},[295,609,302],{"class":301},[295,611,306],{"class":305},[295,613,309],{"class":301},[295,615,616,618,620,622,624,626,629,631],{"class":297,"line":312},[295,617,315],{"class":301},[295,619,318],{"class":305},[295,621,322],{"class":321},[295,623,325],{"class":301},[295,625,328],{"class":301},[295,627,628],{"class":331},"card",[295,630,328],{"class":301},[295,632,309],{"class":301},[295,634,635,637,639,641,643,645,648,650],{"class":297,"line":339},[295,636,342],{"class":301},[295,638,496],{"class":305},[295,640,499],{"class":321},[295,642,325],{"class":301},[295,644,328],{"class":301},[295,646,647],{"class":331},"header",[295,649,328],{"class":301},[295,651,511],{"class":301},[295,653,654,656,658],{"class":297,"line":379},[295,655,342],{"class":301},[295,657,496],{"class":305},[295,659,511],{"class":301},[295,661,662,664,666,668,670,672,675,677],{"class":297,"line":389},[295,663,342],{"class":301},[295,665,496],{"class":305},[295,667,499],{"class":321},[295,669,325],{"class":301},[295,671,328],{"class":301},[295,673,674],{"class":331},"footer",[295,676,328],{"class":301},[295,678,511],{"class":301},[295,680,681,683,685],{"class":297,"line":399},[295,682,382],{"class":301},[295,684,318],{"class":305},[295,686,309],{"class":301},[295,688,689,691,693],{"class":297,"line":406},[295,690,392],{"class":301},[295,692,306],{"class":305},[295,694,309],{"class":301},[295,696,697],{"class":297,"line":431},[295,698,403],{"emptyLinePlaceholder":402},[295,700,701,703,705,707,709,711,713,715,717],{"class":297,"line":440},[295,702,302],{"class":301},[295,704,411],{"class":305},[295,706,414],{"class":321},[295,708,417],{"class":321},[295,710,325],{"class":301},[295,712,328],{"class":301},[295,714,424],{"class":331},[295,716,328],{"class":301},[295,718,309],{"class":301},[295,720,721],{"class":297,"line":452},[295,722,723],{"class":548},"\u002F\u002F Optional: Define slots for TypeScript\n",[295,725,726,728],{"class":297,"line":461},[295,727,555],{"class":554},[295,729,558],{"class":301},[295,731,733,736,738,740],{"class":297,"line":732},12,[295,734,735],{"class":305},"  header",[295,737,566],{"class":301},[295,739,570],{"class":569},[295,741,573],{"class":301},[295,743,745,748,750,752],{"class":297,"line":744},13,[295,746,747],{"class":305},"  default",[295,749,566],{"class":301},[295,751,570],{"class":569},[295,753,573],{"class":301},[295,755,757,760,762,764],{"class":297,"line":756},14,[295,758,759],{"class":305},"  footer",[295,761,566],{"class":301},[295,763,570],{"class":569},[295,765,573],{"class":301},[295,767,769,771],{"class":297,"line":768},15,[295,770,578],{"class":301},[295,772,581],{"class":362},[295,774,776,778,780],{"class":297,"line":775},16,[295,777,392],{"class":301},[295,779,411],{"class":305},[295,781,309],{"class":301},[239,783,784,785,266],{},"Note: When rendering via JSON content, the module supports ",[243,786,787],{"href":181},"default components",[594,789,791],{"id":790},"markup-serialization","Markup serialization",[239,793,794],{},"With markup, the Vue template compiler needs to be enabled:",[286,796,798],{"className":288,"code":797,"language":290,"meta":291,"style":291},"\u002F\u002F nuxt.config.js\nexport default {\n  vue: {\n    runtimeCompiler: true\n  }\n}\n",[259,799,800,805,817,827,838,843],{"__ignoreMap":291},[295,801,802],{"class":297,"line":298},[295,803,804],{"class":548},"\u002F\u002F nuxt.config.js\n",[295,806,807,811,814],{"class":297,"line":312},[295,808,810],{"class":809},"s7zQu","export",[295,812,813],{"class":809}," default",[295,815,816],{"class":301}," {\n",[295,818,819,822,825],{"class":297,"line":339},[295,820,821],{"class":305},"  vue",[295,823,824],{"class":301},":",[295,826,816],{"class":301},[295,828,829,832,834],{"class":297,"line":379},[295,830,831],{"class":305},"    runtimeCompiler",[295,833,824],{"class":301},[295,835,837],{"class":836},"sfNiH"," true\n",[295,839,840],{"class":297,"line":389},[295,841,842],{"class":301},"  }\n",[295,844,845],{"class":297,"line":399},[295,846,847],{"class":301},"}\n",[239,849,850],{},"Then, slots will be directly passed as Vue slots.",[286,852,854],{"className":477,"code":853,"language":479,"meta":291,"style":291},"  \u003Cslot name=\"body\">Fallback content.\u003C\u002Fslot>\n",[259,855,856],{"__ignoreMap":291},[295,857,858,860,862,864,866,868,870,872,874,877,879,881],{"class":297,"line":298},[295,859,315],{"class":301},[295,861,496],{"class":305},[295,863,499],{"class":321},[295,865,325],{"class":301},[295,867,328],{"class":301},[295,869,506],{"class":331},[295,871,328],{"class":301},[295,873,359],{"class":301},[295,875,876],{"class":362},"Fallback content.",[295,878,392],{"class":301},[295,880,496],{"class":305},[295,882,309],{"class":301},[594,884,886],{"id":885},"full-example","Full example",[239,888,889],{},"Here is an example of a component that leverages props and slots and works with both markup and JSON serialization:",[286,891,893],{"className":477,"code":892,"language":479,"meta":291,"style":291},"\u003Ctemplate>\n  \u003Cdiv class=\"node\">\n    \u003Ch2 v-if=\"title\">Node: {{ title }}\u003C\u002Fh2>\n    \u003Cslot name=\"body\" \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\n\u002F\u002F Optional: Define slots for TypeScript\ndefineSlots\u003C{\n  body(): any;\n}>()\ndefineProps\u003C{\n  title?: string;\n}>()\n\u003C\u002Fscript>\n",[259,894,895,903,921,948,966,974,982,986,1006,1010,1016,1026,1032,1039,1050,1056],{"__ignoreMap":291},[295,896,897,899,901],{"class":297,"line":298},[295,898,302],{"class":301},[295,900,306],{"class":305},[295,902,309],{"class":301},[295,904,905,907,909,911,913,915,917,919],{"class":297,"line":312},[295,906,315],{"class":301},[295,908,318],{"class":305},[295,910,322],{"class":321},[295,912,325],{"class":301},[295,914,328],{"class":301},[295,916,332],{"class":331},[295,918,328],{"class":301},[295,920,309],{"class":301},[295,922,923,925,927,929,931,933,935,937,939,942,944,946],{"class":297,"line":339},[295,924,342],{"class":301},[295,926,251],{"class":305},[295,928,347],{"class":321},[295,930,325],{"class":301},[295,932,328],{"class":301},[295,934,354],{"class":331},[295,936,328],{"class":301},[295,938,359],{"class":301},[295,940,941],{"class":362},"Node: {{ title }}",[295,943,392],{"class":301},[295,945,251],{"class":305},[295,947,309],{"class":301},[295,949,950,952,954,956,958,960,962,964],{"class":297,"line":379},[295,951,342],{"class":301},[295,953,496],{"class":305},[295,955,499],{"class":321},[295,957,325],{"class":301},[295,959,328],{"class":301},[295,961,506],{"class":331},[295,963,328],{"class":301},[295,965,511],{"class":301},[295,967,968,970,972],{"class":297,"line":389},[295,969,382],{"class":301},[295,971,318],{"class":305},[295,973,309],{"class":301},[295,975,976,978,980],{"class":297,"line":399},[295,977,392],{"class":301},[295,979,306],{"class":305},[295,981,309],{"class":301},[295,983,984],{"class":297,"line":406},[295,985,403],{"emptyLinePlaceholder":402},[295,987,988,990,992,994,996,998,1000,1002,1004],{"class":297,"line":431},[295,989,302],{"class":301},[295,991,411],{"class":305},[295,993,414],{"class":321},[295,995,417],{"class":321},[295,997,325],{"class":301},[295,999,328],{"class":301},[295,1001,424],{"class":331},[295,1003,328],{"class":301},[295,1005,309],{"class":301},[295,1007,1008],{"class":297,"line":440},[295,1009,723],{"class":548},[295,1011,1012,1014],{"class":297,"line":452},[295,1013,555],{"class":554},[295,1015,558],{"class":301},[295,1017,1018,1020,1022,1024],{"class":297,"line":461},[295,1019,563],{"class":305},[295,1021,566],{"class":301},[295,1023,570],{"class":569},[295,1025,573],{"class":301},[295,1027,1028,1030],{"class":297,"line":732},[295,1029,578],{"class":301},[295,1031,581],{"class":362},[295,1033,1034,1037],{"class":297,"line":744},[295,1035,1036],{"class":554},"defineProps",[295,1038,558],{"class":301},[295,1040,1041,1043,1045,1048],{"class":297,"line":756},[295,1042,443],{"class":305},[295,1044,446],{"class":301},[295,1046,1047],{"class":569}," string",[295,1049,573],{"class":301},[295,1051,1052,1054],{"class":297,"line":768},[295,1053,578],{"class":301},[295,1055,581],{"class":362},[295,1057,1058,1060,1062],{"class":297,"line":775},[295,1059,392],{"class":301},[295,1061,411],{"class":305},[295,1063,309],{"class":301},[1065,1066,1067],"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 .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 .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 pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":291,"searchDepth":312,"depth":312,"links":1069},[1070,1071,1072],{"id":253,"depth":312,"text":254},{"id":276,"depth":312,"text":277},{"id":470,"depth":312,"text":471,"children":1073},[1074,1075,1076],{"id":596,"depth":339,"text":597},{"id":790,"depth":339,"text":791},{"id":885,"depth":339,"text":886},"The Drupal Custom Elements Connector module allows you to render custom elements in your Nuxt.js application fetched from a Drupal backend.","md",null,{},{"title":176,"description":1077},"8NdAzo3GuiD6ncSCHBb7c80A6DWS2cdvpHNkqvZofdM",[1084,1086],{"title":172,"path":173,"stem":174,"description":1085,"children":-1},"The Drupal Custom Elements Connector makes it easy to connect Nuxt with Lupus Decoupled Drupal and provide scaffold components to get started.",{"title":180,"path":181,"stem":182,"description":1087,"children":-1},"Note: This feature is atm only available when using the (default) JSON-based rendered of custom elements.",1786631281373]