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