[{"data":1,"prerenderedAt":916},["ShallowReactive",2],{"navigation":3,"\u002Fnuxt-module\u002Fcomponent-helpers\u002Fhtml-content":358,"\u002Fnuxt-module\u002Fcomponent-helpers\u002Fhtml-content-surround":911},[4,14,36,69,140,341],{"title":5,"path":6,"stem":7,"children":8},"Introduction","\u002Fgetting-started","1.getting-started\u002F1.index",[9,10],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":15,"path":16,"stem":17,"children":18,"page":35},"Guides","\u002Fguides","2.guides",[19,23,27,31],{"title":20,"path":21,"stem":22},"Your First Layout","\u002Fguides\u002Fyour-first-layout","2.guides\u002F1.your-first-layout",{"title":24,"path":25,"stem":26},"Your First Page Template","\u002Fguides\u002Fyour-first-page-template","2.guides\u002F2.your-first-page-template",{"title":28,"path":29,"stem":30},"Your First Component","\u002Fguides\u002Fyour-first-component","2.guides\u002F3.your-first-component",{"title":32,"path":33,"stem":34},"Alternative UI Variants","\u002Fguides\u002Falternative-ui-variants","2.guides\u002F4.alternative-ui-variants",false,{"title":37,"path":38,"stem":39,"children":40,"page":35},"Core Concepts","\u002Fcore-concepts","3.core-concepts",[41,45,49,53,57,61,65],{"title":42,"path":43,"stem":44},"How It All Works","\u002Fcore-concepts\u002Farchitecture","3.core-concepts\u002F1.architecture",{"title":46,"path":47,"stem":48},"The Data Model","\u002Fcore-concepts\u002Fthe-data-model","3.core-concepts\u002F2.the-data-model",{"title":50,"path":51,"stem":52},"Layouts & Pages","\u002Fcore-concepts\u002Flayouts-and-pages","3.core-concepts\u002F3.layouts-and-pages",{"title":54,"path":55,"stem":56},"Dynamic Pages","\u002Fcore-concepts\u002Fdynamic-pages","3.core-concepts\u002F4.dynamic-pages",{"title":58,"path":59,"stem":60},"Components","\u002Fcore-concepts\u002Fcomponents","3.core-concepts\u002F5.components",{"title":62,"path":63,"stem":64},"Draft & Publish Workflow","\u002Fcore-concepts\u002Fdraft-and-publish","3.core-concepts\u002F6.draft-and-publish",{"title":66,"path":67,"stem":68},"The Admin Panel","\u002Fcore-concepts\u002Fadmin-panel","3.core-concepts\u002F7.admin-panel",{"title":70,"path":71,"stem":72,"children":73,"page":35},"Api","\u002Fapi","4.api",[74,78,116,120,124,128,132,136],{"title":75,"path":76,"stem":77},"Bundle Setup","\u002Fapi\u002Fbundle-setup","4.api\u002F1.bundle-setup",{"title":58,"path":79,"stem":80,"children":81,"page":35},"\u002Fapi\u002Fcomponents","4.api\u002F2.components",[82,86,103],{"title":83,"path":84,"stem":85},"Creating Components","\u002Fapi\u002Fcomponents\u002Fcreating-components","4.api\u002F2.components\u002F1.creating-components",{"title":87,"path":88,"stem":89,"children":90,"page":35},"Annotations","\u002Fapi\u002Fcomponents\u002Fannotations","4.api\u002F2.components\u002F2.annotations",[91,95,99],{"title":92,"path":93,"stem":94},"Publishable","\u002Fapi\u002Fcomponents\u002Fannotations\u002Fpublishable","4.api\u002F2.components\u002F2.annotations\u002F1.publishable",{"title":96,"path":97,"stem":98},"Uploadable","\u002Fapi\u002Fcomponents\u002Fannotations\u002Fuploadable","4.api\u002F2.components\u002F2.annotations\u002F2.uploadable",{"title":100,"path":101,"stem":102},"Timestamped","\u002Fapi\u002Fcomponents\u002Fannotations\u002Ftimestamped","4.api\u002F2.components\u002F2.annotations\u002F3.timestamped",{"title":104,"path":105,"stem":106,"children":107,"page":35},"Built Ins","\u002Fapi\u002Fcomponents\u002Fbuilt-ins","4.api\u002F2.components\u002F3.built-ins",[108,112],{"title":109,"path":110,"stem":111},"Collection Component","\u002Fapi\u002Fcomponents\u002Fbuilt-ins\u002Fcollection-component","4.api\u002F2.components\u002F3.built-ins\u002F1.collection-component",{"title":113,"path":114,"stem":115},"Form Component","\u002Fapi\u002Fcomponents\u002Fbuilt-ins\u002Fform-component","4.api\u002F2.components\u002F3.built-ins\u002F2.form-component",{"title":117,"path":118,"stem":119},"Dynamic & Nested Pages","\u002Fapi\u002Fdynamic-pages","4.api\u002F3.dynamic-pages",{"title":121,"path":122,"stem":123},"Users & Security","\u002Fapi\u002Fusers-and-security","4.api\u002F4.users-and-security",{"title":125,"path":126,"stem":127},"Data Fixtures","\u002Fapi\u002Fdata-fixtures","4.api\u002F5.data-fixtures",{"title":129,"path":130,"stem":131},"Configuration Reference","\u002Fapi\u002Fconfiguration","4.api\u002F6.configuration",{"title":133,"path":134,"stem":135},"Console Commands","\u002Fapi\u002Fconsole-commands","4.api\u002F7.console-commands",{"title":137,"path":138,"stem":139},"Debugging & Profiler","\u002Fapi\u002Fdebugging","4.api\u002F8.debugging",{"title":141,"path":142,"stem":143,"children":144,"page":35},"Nuxt Module","\u002Fnuxt-module","5.nuxt-module",[145,149,162,182,207,211,295,320,324],{"title":146,"path":147,"stem":148},"Module Setup","\u002Fnuxt-module\u002Fmodule-setup","5.nuxt-module\u002F1.module-setup",{"title":150,"path":151,"stem":152,"children":153,"page":35},"Configuration","\u002Fnuxt-module\u002Fconfiguration","5.nuxt-module\u002F2.configuration",[154,158],{"title":155,"path":156,"stem":157},"Nuxt Config","\u002Fnuxt-module\u002Fconfiguration\u002Fnuxt-config","5.nuxt-module\u002F2.configuration\u002F1.nuxt-config",{"title":159,"path":160,"stem":161},"Site Config & SEO","\u002Fnuxt-module\u002Fconfiguration\u002Fsite-config-and-seo","5.nuxt-module\u002F2.configuration\u002F2.site-config-and-seo",{"title":163,"path":164,"stem":165,"children":166,"page":35},"Building Your Ui","\u002Fnuxt-module\u002Fbuilding-your-ui","5.nuxt-module\u002F3.building-your-ui",[167,171,175,178],{"title":168,"path":169,"stem":170},"Layouts","\u002Fnuxt-module\u002Fbuilding-your-ui\u002Fcreating-layouts","5.nuxt-module\u002F3.building-your-ui\u002F1.creating-layouts",{"title":172,"path":173,"stem":174},"Page Templates","\u002Fnuxt-module\u002Fbuilding-your-ui\u002Fcreating-page-templates","5.nuxt-module\u002F3.building-your-ui\u002F2.creating-page-templates",{"title":83,"path":176,"stem":177},"\u002Fnuxt-module\u002Fbuilding-your-ui\u002Fcreating-components","5.nuxt-module\u002F3.building-your-ui\u002F3.creating-components",{"title":179,"path":180,"stem":181},"CLI Generator","\u002Fnuxt-module\u002Fbuilding-your-ui\u002Fcwa-cli","5.nuxt-module\u002F3.building-your-ui\u002F4.cwa-cli",{"title":183,"path":184,"stem":185,"children":186,"page":35},"Cwa Components","\u002Fnuxt-module\u002Fcwa-components","5.nuxt-module\u002F4.cwa-components",[187,191,195,199,203],{"title":188,"path":189,"stem":190},"\u003CCwaComponentGroup \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-component-group","5.nuxt-module\u002F4.cwa-components\u002F1.cwa-component-group",{"title":192,"path":193,"stem":194},"\u003CCwaPage \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-page","5.nuxt-module\u002F4.cwa-components\u002F2.cwa-page",{"title":196,"path":197,"stem":198},"\u003CCwaLink \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-link","5.nuxt-module\u002F4.cwa-components\u002F3.cwa-link",{"title":200,"path":201,"stem":202},"\u003CCwaImage \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-image","5.nuxt-module\u002F4.cwa-components\u002F4.cwa-image",{"title":204,"path":205,"stem":206},"\u003CCwaDefaultLayout \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-default-layout","5.nuxt-module\u002F4.cwa-components\u002F5.cwa-default-layout",{"title":208,"path":209,"stem":210},"The useCwa() API","\u002Fnuxt-module\u002Fcwa-api","5.nuxt-module\u002F5.cwa-api",{"title":212,"path":213,"stem":214,"children":215,"page":35},"Composables","\u002Fnuxt-module\u002Fcomposables","5.nuxt-module\u002F6.composables",[216,224,261,278],{"title":217,"path":218,"stem":219,"children":220,"page":35},"Layout","\u002Fnuxt-module\u002Fcomposables\u002Flayout","5.nuxt-module\u002F6.composables\u002F0.layout",[221],{"title":217,"path":222,"stem":223},"\u002Fnuxt-module\u002Fcomposables\u002Flayout\u002Fuse-cwa-layout","5.nuxt-module\u002F6.composables\u002F0.layout\u002F1.use-cwa-layout",{"title":225,"path":226,"stem":227,"children":228,"page":35},"Component","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent","5.nuxt-module\u002F6.composables\u002F1.component",[229,233,237,241,245,249,253,257],{"title":230,"path":231,"stem":232},"Component (recommended)","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-component","5.nuxt-module\u002F6.composables\u002F1.component\u002F0.use-cwa-component",{"title":234,"path":235,"stem":236},"Resource","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-resource","5.nuxt-module\u002F6.composables\u002F1.component\u002F1.use-cwa-resource",{"title":238,"path":239,"stem":240},"Collection Resource","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-collection-resource","5.nuxt-module\u002F6.composables\u002F1.component\u002F2.use-cwa-collection-resource",{"title":242,"path":243,"stem":244},"Image Resource","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-image-resource","5.nuxt-module\u002F6.composables\u002F1.component\u002F3.use-cwa-image-resource",{"title":246,"path":247,"stem":248},"Form","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-form","5.nuxt-module\u002F6.composables\u002F1.component\u002F4.use-cwa-form",{"title":250,"path":251,"stem":252},"Form Input","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-form-input","5.nuxt-module\u002F6.composables\u002F1.component\u002F5.use-cwa-form-input",{"title":254,"path":255,"stem":256},"Form Repeated","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-form-repeated","5.nuxt-module\u002F6.composables\u002F1.component\u002F6.use-cwa-form-repeated",{"title":258,"path":259,"stem":260},"Form Collection","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-form-collection","5.nuxt-module\u002F6.composables\u002F1.component\u002F7.use-cwa-form-collection",{"title":262,"path":263,"stem":264,"children":265,"page":35},"Admin Manager","\u002Fnuxt-module\u002Fcomposables\u002Fadmin-manager","5.nuxt-module\u002F6.composables\u002F2.admin-manager",[266,270,274],{"title":267,"path":268,"stem":269},"Manager Tab","\u002Fnuxt-module\u002Fcomposables\u002Fadmin-manager\u002Fuse-cwa-resource-manager-tab","5.nuxt-module\u002F6.composables\u002F2.admin-manager\u002F1.use-cwa-resource-manager-tab",{"title":271,"path":272,"stem":273},"Resource Model","\u002Fnuxt-module\u002Fcomposables\u002Fadmin-manager\u002Fuse-cwa-resource-model","5.nuxt-module\u002F6.composables\u002F2.admin-manager\u002F2.use-cwa-resource-model",{"title":275,"path":276,"stem":277},"Resource Upload","\u002Fnuxt-module\u002Fcomposables\u002Fadmin-manager\u002Fuse-cwa-resource-upload","5.nuxt-module\u002F6.composables\u002F2.admin-manager\u002F3.use-cwa-resource-upload",{"title":279,"path":280,"stem":281,"children":282,"page":35},"Utilities","\u002Fnuxt-module\u002Fcomposables\u002Futilities","5.nuxt-module\u002F6.composables\u002F3.utilities",[283,287,291],{"title":284,"path":285,"stem":286},"Resource Endpoint","\u002Fnuxt-module\u002Fcomposables\u002Futilities\u002Fuse-cwa-resource-endpoint","5.nuxt-module\u002F6.composables\u002F3.utilities\u002F1.use-cwa-resource-endpoint",{"title":288,"path":289,"stem":290},"Query Model","\u002Fnuxt-module\u002Fcomposables\u002Futilities\u002Fuse-query-bound-model","5.nuxt-module\u002F6.composables\u002F3.utilities\u002F2.use-query-bound-model",{"title":292,"path":293,"stem":294},"Resource Route","\u002Fnuxt-module\u002Fcomposables\u002Futilities\u002Fuse-cwa-resource-route","5.nuxt-module\u002F6.composables\u002F3.utilities\u002F3.use-cwa-resource-route",{"title":296,"path":297,"stem":298,"children":299,"page":35},"Component Helpers","\u002Fnuxt-module\u002Fcomponent-helpers","5.nuxt-module\u002F7.component-helpers",[300,304,308,312,316],{"title":301,"path":302,"stem":303},"Images & Media","\u002Fnuxt-module\u002Fcomponent-helpers\u002Fimages-and-uploads","5.nuxt-module\u002F7.component-helpers\u002F1.images-and-uploads",{"title":305,"path":306,"stem":307},"Collections & Pagination","\u002Fnuxt-module\u002Fcomponent-helpers\u002Fcollections-and-pagination","5.nuxt-module\u002F7.component-helpers\u002F2.collections-and-pagination",{"title":309,"path":310,"stem":311},"HTML Content","\u002Fnuxt-module\u002Fcomponent-helpers\u002Fhtml-content","5.nuxt-module\u002F7.component-helpers\u002F3.html-content",{"title":313,"path":314,"stem":315},"Real-Time Updates","\u002Fnuxt-module\u002Fcomponent-helpers\u002Freal-time-updates","5.nuxt-module\u002F7.component-helpers\u002F4.real-time-updates",{"title":317,"path":318,"stem":319},"Forms","\u002Fnuxt-module\u002Fcomponent-helpers\u002Fforms","5.nuxt-module\u002F7.component-helpers\u002F5.forms",{"title":321,"path":322,"stem":323},"Authentication","\u002Fnuxt-module\u002Fauthentication","5.nuxt-module\u002F8.authentication",{"title":325,"path":326,"stem":327,"children":328,"page":35},"Cwa Layer","\u002Fnuxt-module\u002Fcwa-layer","5.nuxt-module\u002F9.cwa-layer",[329,333,337],{"title":330,"path":331,"stem":332},"Overview","\u002Fnuxt-module\u002Fcwa-layer\u002Foverview","5.nuxt-module\u002F9.cwa-layer\u002F1.overview",{"title":334,"path":335,"stem":336},"Auth Pages","\u002Fnuxt-module\u002Fcwa-layer\u002Fauth-pages","5.nuxt-module\u002F9.cwa-layer\u002F2.auth-pages",{"title":338,"path":339,"stem":340},"Admin Panel","\u002Fnuxt-module\u002Fcwa-layer\u002Fadmin-panel","5.nuxt-module\u002F9.cwa-layer\u002F3.admin-panel",{"title":342,"path":343,"stem":344,"children":345,"page":35},"Deployment","\u002Fdeployment","6.deployment",[346,350,354],{"title":347,"path":348,"stem":349},"Docker","\u002Fdeployment\u002Fdocker","6.deployment\u002F1.docker",{"title":351,"path":352,"stem":353},"Kubernetes & Helm","\u002Fdeployment\u002Fkubernetes","6.deployment\u002F2.kubernetes",{"title":355,"path":356,"stem":357},"CI\u002FCD","\u002Fdeployment\u002Fci-cd","6.deployment\u002F3.ci-cd",{"id":359,"title":309,"badge":360,"body":363,"description":905,"extension":906,"links":907,"meta":908,"navigation":501,"path":310,"seo":909,"stem":311,"__hash__":910},"docs\u002F5.nuxt-module\u002F7.component-helpers\u002F3.html-content.md",{"label":361,"color":362},"Draft","amber",{"type":364,"value":365,"toc":900},"minimark",[366,393,398,837,855,859,886,890,896],[367,368,369,370,374,375,378,379,381,382,385,386,388,389,392],"p",{},"Rich-text components (e.g. a WYSIWYG or markdown-rendered field) output raw HTML containing ",[371,372,373],"code",{},"\u003Ca>"," tags. Rendering that HTML with ",[371,376,377],{},"v-html"," works, but ",[371,380,373],{}," tags cause full-page reloads for internal links. ",[371,383,384],{},"useHtmlContent"," solves this by replacing every ",[371,387,373],{}," tag in the container with a ",[371,390,391],{},"\u003CCwaLink>"," Vue component after mount.",[394,395,397],"h2",{"id":396},"usage","Usage",[399,400,405],"pre",{"className":401,"code":402,"language":403,"meta":404,"style":404},"language-vue shiki shiki-themes github-light github-dark material-theme-palenight","\u003C!-- app\u002Fcwa\u002Fcomponents\u002FRichText\u002FRichText.vue -->\n\u003Ctemplate>\n    \u003Cdiv ref=\"container\" class=\"prose\" v-html=\"content\" \u002F>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport type { IriProp } from '@cwa\u002Fnuxt\u002Fruntime\u002Fcomposables'\nimport { useCwaResource, useHtmlContent } from '#imports'\n\nconst props = defineProps\u003CIriProp>()\n\nconst { getResource, exposeMeta } = useCwaResource(toRef(props, 'iri'))\nconst resource = getResource()\n\nconst content = computed(() => resource.value?.data?.content ?? '')\n\nconst container = ref\u003CHTMLElement | null>(null)\nuseHtmlContent(container)\n\ndefineExpose(exposeMeta)\n\u003C\u002Fscript>\n","vue","",[371,406,407,416,430,486,496,503,528,566,590,616,621,652,657,700,714,719,767,772,806,814,819,828],{"__ignoreMap":404},[408,409,412],"span",{"class":410,"line":411},"line",1,[408,413,415],{"class":414},"sTBSN","\u003C!-- app\u002Fcwa\u002Fcomponents\u002FRichText\u002FRichText.vue -->\n",[408,417,419,423,427],{"class":410,"line":418},2,[408,420,422],{"class":421},"sOvfz","\u003C",[408,424,426],{"class":425},"s-h7I","template",[408,428,429],{"class":421},">\n",[408,431,433,436,439,443,446,450,454,456,459,461,463,466,468,471,473,475,478,480,484],{"class":410,"line":432},3,[408,434,435],{"class":421},"    \u003C",[408,437,438],{"class":425},"div",[408,440,442],{"class":441},"sGtlX"," ref",[408,444,445],{"class":421},"=",[408,447,449],{"class":448},"seSrl","\"",[408,451,453],{"class":452},"sLL54","container",[408,455,449],{"class":448},[408,457,458],{"class":441}," class",[408,460,445],{"class":421},[408,462,449],{"class":448},[408,464,465],{"class":452},"prose",[408,467,449],{"class":448},[408,469,470],{"class":441}," v-html",[408,472,445],{"class":421},[408,474,449],{"class":448},[408,476,477],{"class":452},"content",[408,479,449],{"class":448},[408,481,483],{"class":482},"s01iV"," \u002F",[408,485,429],{"class":421},[408,487,489,492,494],{"class":410,"line":488},4,[408,490,491],{"class":421},"\u003C\u002F",[408,493,426],{"class":425},[408,495,429],{"class":421},[408,497,499],{"class":410,"line":498},5,[408,500,502],{"emptyLinePlaceholder":501},true,"\n",[408,504,506,508,511,514,517,519,521,524,526],{"class":410,"line":505},6,[408,507,422],{"class":421},[408,509,510],{"class":425},"script",[408,512,513],{"class":441}," setup",[408,515,516],{"class":441}," lang",[408,518,445],{"class":421},[408,520,449],{"class":448},[408,522,523],{"class":452},"ts",[408,525,449],{"class":448},[408,527,429],{"class":421},[408,529,531,535,538,542,545,547,549,552,555,558,561,563],{"class":410,"line":530},7,[408,532,534],{"class":533},"sm4w6","import",[408,536,537],{"class":421}," {",[408,539,541],{"class":540},"sPB8G"," computed",[408,543,544],{"class":421},",",[408,546,442],{"class":540},[408,548,544],{"class":421},[408,550,551],{"class":540}," toRef",[408,553,554],{"class":421}," }",[408,556,557],{"class":533}," from",[408,559,560],{"class":448}," '",[408,562,403],{"class":452},[408,564,565],{"class":448},"'\n",[408,567,569,571,574,576,579,581,583,585,588],{"class":410,"line":568},8,[408,570,534],{"class":533},[408,572,573],{"class":533}," type",[408,575,537],{"class":421},[408,577,578],{"class":540}," IriProp",[408,580,554],{"class":421},[408,582,557],{"class":533},[408,584,560],{"class":448},[408,586,587],{"class":452},"@cwa\u002Fnuxt\u002Fruntime\u002Fcomposables",[408,589,565],{"class":448},[408,591,593,595,597,600,602,605,607,609,611,614],{"class":410,"line":592},9,[408,594,534],{"class":533},[408,596,537],{"class":421},[408,598,599],{"class":540}," useCwaResource",[408,601,544],{"class":421},[408,603,604],{"class":540}," useHtmlContent",[408,606,554],{"class":421},[408,608,557],{"class":533},[408,610,560],{"class":448},[408,612,613],{"class":452},"#imports",[408,615,565],{"class":448},[408,617,619],{"class":410,"line":618},10,[408,620,502],{"emptyLinePlaceholder":501},[408,622,624,628,632,636,640,642,646,649],{"class":410,"line":623},11,[408,625,627],{"class":626},"swB56","const",[408,629,631],{"class":630},"sc2zw"," props",[408,633,635],{"class":634},"sVlFx"," =",[408,637,639],{"class":638},"sKpYG"," defineProps",[408,641,422],{"class":421},[408,643,645],{"class":644},"sRCss","IriProp",[408,647,648],{"class":421},">",[408,650,651],{"class":540},"()\n",[408,653,655],{"class":410,"line":654},12,[408,656,502],{"emptyLinePlaceholder":501},[408,658,660,662,664,667,669,672,674,676,678,681,684,687,689,691,694,697],{"class":410,"line":659},13,[408,661,627],{"class":626},[408,663,537],{"class":421},[408,665,666],{"class":630}," getResource",[408,668,544],{"class":421},[408,670,671],{"class":630}," exposeMeta",[408,673,554],{"class":421},[408,675,635],{"class":634},[408,677,599],{"class":638},[408,679,680],{"class":540},"(",[408,682,683],{"class":638},"toRef",[408,685,686],{"class":540},"(props",[408,688,544],{"class":421},[408,690,560],{"class":448},[408,692,693],{"class":452},"iri",[408,695,696],{"class":448},"'",[408,698,699],{"class":540},"))\n",[408,701,703,705,708,710,712],{"class":410,"line":702},14,[408,704,627],{"class":626},[408,706,707],{"class":630}," resource",[408,709,635],{"class":634},[408,711,666],{"class":638},[408,713,651],{"class":540},[408,715,717],{"class":410,"line":716},15,[408,718,502],{"emptyLinePlaceholder":501},[408,720,722,724,727,729,731,733,736,739,741,744,747,750,753,755,758,761,764],{"class":410,"line":721},16,[408,723,627],{"class":626},[408,725,726],{"class":630}," content",[408,728,635],{"class":634},[408,730,541],{"class":638},[408,732,680],{"class":540},[408,734,735],{"class":421},"()",[408,737,738],{"class":626}," =>",[408,740,707],{"class":540},[408,742,743],{"class":421},".",[408,745,746],{"class":540},"value",[408,748,749],{"class":421},"?.",[408,751,752],{"class":540},"data",[408,754,749],{"class":421},[408,756,757],{"class":540},"content ",[408,759,760],{"class":634},"??",[408,762,763],{"class":448}," ''",[408,765,766],{"class":540},")\n",[408,768,770],{"class":410,"line":769},17,[408,771,502],{"emptyLinePlaceholder":501},[408,773,775,777,780,782,784,786,789,792,796,798,800,804],{"class":410,"line":774},18,[408,776,627],{"class":626},[408,778,779],{"class":630}," container",[408,781,635],{"class":634},[408,783,442],{"class":638},[408,785,422],{"class":421},[408,787,788],{"class":644},"HTMLElement",[408,790,791],{"class":634}," |",[408,793,795],{"class":794},"sbW4m"," null",[408,797,648],{"class":421},[408,799,680],{"class":540},[408,801,803],{"class":802},"sBtbT","null",[408,805,766],{"class":540},[408,807,809,811],{"class":410,"line":808},19,[408,810,384],{"class":638},[408,812,813],{"class":540},"(container)\n",[408,815,817],{"class":410,"line":816},20,[408,818,502],{"emptyLinePlaceholder":501},[408,820,822,825],{"class":410,"line":821},21,[408,823,824],{"class":638},"defineExpose",[408,826,827],{"class":540},"(exposeMeta)\n",[408,829,831,833,835],{"class":410,"line":830},22,[408,832,491],{"class":421},[408,834,510],{"class":425},[408,836,429],{"class":421},[367,838,839,840,842,843,845,846,848,849,851,852,854],{},"Pass ",[371,841,453],{}," — a template ref pointing to the element that receives the ",[371,844,377],{}," content. After mount and on each update, ",[371,847,384],{}," walks the container's DOM, finds ",[371,850,373],{}," elements, and mounts ",[371,853,391],{}," components in their place.",[394,856,858],{"id":857},"what-it-does","What It Does",[860,861,862,870,876,883],"ul",{},[863,864,865,866,869],"li",{},"Finds every ",[371,867,868],{},"\u003Ca href=\"...\">"," inside the container",[863,871,872,873,875],{},"Creates a ",[371,874,391],{}," Vue component instance for each",[863,877,878,879,882],{},"Mounts it as a replacement — internal paths get ",[371,880,881],{},"\u003CNuxtLink>"," behaviour, external URLs open in a new tab",[863,884,885],{},"Cleans up on unmount",[394,887,889],{"id":888},"when-to-use-it","When to Use It",[367,891,892,893,895],{},"Use ",[371,894,384],{}," for any component that renders HTML strings from the API into the page — rich-text editors, markdown output, or any field where the content author controls anchor tags. Without it, every internal link causes a hard navigation.",[897,898,899],"style",{},"html pre.shiki code .sTBSN, html code.shiki .sTBSN{--shiki-light:#6A737D;--shiki-light-font-style:inherit;--shiki-default:#6A737D;--shiki-default-font-style:inherit;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sOvfz, html code.shiki .sOvfz{--shiki-light:#24292E;--shiki-default:#E1E4E8;--shiki-dark:#89DDFF}html pre.shiki code .s-h7I, html code.shiki .s-h7I{--shiki-light:#22863A;--shiki-default:#85E89D;--shiki-dark:#F07178}html pre.shiki code .sGtlX, html code.shiki .sGtlX{--shiki-light:#6F42C1;--shiki-default:#B392F0;--shiki-dark:#C792EA}html pre.shiki code .seSrl, html code.shiki .seSrl{--shiki-light:#032F62;--shiki-default:#9ECBFF;--shiki-dark:#89DDFF}html pre.shiki code .sLL54, html code.shiki .sLL54{--shiki-light:#032F62;--shiki-default:#9ECBFF;--shiki-dark:#C3E88D}html pre.shiki code .s01iV, html code.shiki .s01iV{--shiki-light:#B31D28;--shiki-light-font-style:italic;--shiki-default:#FDAEB7;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:inherit}html pre.shiki code .sm4w6, html code.shiki .sm4w6{--shiki-light:#D73A49;--shiki-light-font-style:inherit;--shiki-default:#F97583;--shiki-default-font-style:inherit;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sPB8G, html code.shiki .sPB8G{--shiki-light:#24292E;--shiki-default:#E1E4E8;--shiki-dark:#BABED8}html pre.shiki code .swB56, html code.shiki .swB56{--shiki-light:#D73A49;--shiki-default:#F97583;--shiki-dark:#C792EA}html pre.shiki code .sc2zw, html code.shiki .sc2zw{--shiki-light:#005CC5;--shiki-default:#79B8FF;--shiki-dark:#BABED8}html pre.shiki code .sVlFx, html code.shiki .sVlFx{--shiki-light:#D73A49;--shiki-default:#F97583;--shiki-dark:#89DDFF}html pre.shiki code .sKpYG, html code.shiki .sKpYG{--shiki-light:#6F42C1;--shiki-default:#B392F0;--shiki-dark:#82AAFF}html pre.shiki code .sRCss, html code.shiki .sRCss{--shiki-light:#6F42C1;--shiki-default:#B392F0;--shiki-dark:#FFCB6B}html pre.shiki code .sbW4m, html code.shiki .sbW4m{--shiki-light:#005CC5;--shiki-default:#79B8FF;--shiki-dark:#FFCB6B}html pre.shiki code .sBtbT, html code.shiki .sBtbT{--shiki-light:#005CC5;--shiki-default:#79B8FF;--shiki-dark:#89DDFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":404,"searchDepth":418,"depth":418,"links":901},[902,903,904],{"id":396,"depth":418,"text":397},{"id":857,"depth":418,"text":858},{"id":888,"depth":418,"text":889},"Render rich-text HTML from a CWA resource with CwaLink replacing anchor tags so internal links stay client-side.","md",null,{},{"title":309,"description":905},"SeKH1F7-nsA7ytOYQL1xMB6MR2IZUWgL25t0p6DVVsU",[912,914],{"title":305,"path":306,"stem":307,"description":913,"children":-1},"Render paginated resource lists with useCwaComponent and the withCollection() plugin, with page navigation bound to the URL query string.",{"title":313,"path":314,"stem":315,"description":915,"children":-1},"How Mercure broadcasts live content changes to all open browser sessions automatically when a component is published.",1782512899385]