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