[{"data":1,"prerenderedAt":900},["ShallowReactive",2],{"navigation":3,"\u002Fnuxt-module\u002Fcomponent-helpers\u002Fhtml-content":342,"\u002Fnuxt-module\u002Fcomponent-helpers\u002Fhtml-content-surround":895},[4,14,36,69,140,325],{"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,178,203,207,279,304,308],{"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],{"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,"children":182,"page":35},"Cwa Components","\u002Fnuxt-module\u002Fcwa-components","5.nuxt-module\u002F4.cwa-components",[183,187,191,195,199],{"title":184,"path":185,"stem":186},"\u003CCwaComponentGroup \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-component-group","5.nuxt-module\u002F4.cwa-components\u002F1.cwa-component-group",{"title":188,"path":189,"stem":190},"\u003CCwaPage \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-page","5.nuxt-module\u002F4.cwa-components\u002F2.cwa-page",{"title":192,"path":193,"stem":194},"\u003CCwaLink \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-link","5.nuxt-module\u002F4.cwa-components\u002F3.cwa-link",{"title":196,"path":197,"stem":198},"\u003CCwaImage \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-image","5.nuxt-module\u002F4.cwa-components\u002F4.cwa-image",{"title":200,"path":201,"stem":202},"\u003CCwaDefaultLayout \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-default-layout","5.nuxt-module\u002F4.cwa-components\u002F5.cwa-default-layout",{"title":204,"path":205,"stem":206},"The useCwa() API","\u002Fnuxt-module\u002Fcwa-api","5.nuxt-module\u002F5.cwa-api",{"title":208,"path":209,"stem":210,"children":211,"page":35},"Composables","\u002Fnuxt-module\u002Fcomposables","5.nuxt-module\u002F6.composables",[212,245,262],{"title":213,"path":214,"stem":215,"children":216,"page":35},"Component","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent","5.nuxt-module\u002F6.composables\u002F1.component",[217,221,225,229,233,237,241],{"title":218,"path":219,"stem":220},"Resource","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-resource","5.nuxt-module\u002F6.composables\u002F1.component\u002F1.use-cwa-resource",{"title":222,"path":223,"stem":224},"Collection Resource","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-collection-resource","5.nuxt-module\u002F6.composables\u002F1.component\u002F2.use-cwa-collection-resource",{"title":226,"path":227,"stem":228},"Image Resource","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-image-resource","5.nuxt-module\u002F6.composables\u002F1.component\u002F3.use-cwa-image-resource",{"title":230,"path":231,"stem":232},"Form","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-form","5.nuxt-module\u002F6.composables\u002F1.component\u002F4.use-cwa-form",{"title":234,"path":235,"stem":236},"Form Input","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-form-input","5.nuxt-module\u002F6.composables\u002F1.component\u002F5.use-cwa-form-input",{"title":238,"path":239,"stem":240},"Form Repeated","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-form-repeated","5.nuxt-module\u002F6.composables\u002F1.component\u002F6.use-cwa-form-repeated",{"title":242,"path":243,"stem":244},"Form Collection","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-form-collection","5.nuxt-module\u002F6.composables\u002F1.component\u002F7.use-cwa-form-collection",{"title":246,"path":247,"stem":248,"children":249,"page":35},"Admin Manager","\u002Fnuxt-module\u002Fcomposables\u002Fadmin-manager","5.nuxt-module\u002F6.composables\u002F2.admin-manager",[250,254,258],{"title":251,"path":252,"stem":253},"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":255,"path":256,"stem":257},"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":259,"path":260,"stem":261},"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":263,"path":264,"stem":265,"children":266,"page":35},"Utilities","\u002Fnuxt-module\u002Fcomposables\u002Futilities","5.nuxt-module\u002F6.composables\u002F3.utilities",[267,271,275],{"title":268,"path":269,"stem":270},"Resource Endpoint","\u002Fnuxt-module\u002Fcomposables\u002Futilities\u002Fuse-cwa-resource-endpoint","5.nuxt-module\u002F6.composables\u002F3.utilities\u002F1.use-cwa-resource-endpoint",{"title":272,"path":273,"stem":274},"Query Model","\u002Fnuxt-module\u002Fcomposables\u002Futilities\u002Fuse-query-bound-model","5.nuxt-module\u002F6.composables\u002F3.utilities\u002F2.use-query-bound-model",{"title":276,"path":277,"stem":278},"Resource Route","\u002Fnuxt-module\u002Fcomposables\u002Futilities\u002Fuse-cwa-resource-route","5.nuxt-module\u002F6.composables\u002F3.utilities\u002F3.use-cwa-resource-route",{"title":280,"path":281,"stem":282,"children":283,"page":35},"Component Helpers","\u002Fnuxt-module\u002Fcomponent-helpers","5.nuxt-module\u002F7.component-helpers",[284,288,292,296,300],{"title":285,"path":286,"stem":287},"Images & Media","\u002Fnuxt-module\u002Fcomponent-helpers\u002Fimages-and-uploads","5.nuxt-module\u002F7.component-helpers\u002F1.images-and-uploads",{"title":289,"path":290,"stem":291},"Collections & Pagination","\u002Fnuxt-module\u002Fcomponent-helpers\u002Fcollections-and-pagination","5.nuxt-module\u002F7.component-helpers\u002F2.collections-and-pagination",{"title":293,"path":294,"stem":295},"HTML Content","\u002Fnuxt-module\u002Fcomponent-helpers\u002Fhtml-content","5.nuxt-module\u002F7.component-helpers\u002F3.html-content",{"title":297,"path":298,"stem":299},"Real-Time Updates","\u002Fnuxt-module\u002Fcomponent-helpers\u002Freal-time-updates","5.nuxt-module\u002F7.component-helpers\u002F4.real-time-updates",{"title":301,"path":302,"stem":303},"Forms","\u002Fnuxt-module\u002Fcomponent-helpers\u002Fforms","5.nuxt-module\u002F7.component-helpers\u002F5.forms",{"title":305,"path":306,"stem":307},"Authentication","\u002Fnuxt-module\u002Fauthentication","5.nuxt-module\u002F8.authentication",{"title":309,"path":310,"stem":311,"children":312,"page":35},"Cwa Layer","\u002Fnuxt-module\u002Fcwa-layer","5.nuxt-module\u002F9.cwa-layer",[313,317,321],{"title":314,"path":315,"stem":316},"Overview","\u002Fnuxt-module\u002Fcwa-layer\u002Foverview","5.nuxt-module\u002F9.cwa-layer\u002F1.overview",{"title":318,"path":319,"stem":320},"Auth Pages","\u002Fnuxt-module\u002Fcwa-layer\u002Fauth-pages","5.nuxt-module\u002F9.cwa-layer\u002F2.auth-pages",{"title":322,"path":323,"stem":324},"Admin Panel","\u002Fnuxt-module\u002Fcwa-layer\u002Fadmin-panel","5.nuxt-module\u002F9.cwa-layer\u002F3.admin-panel",{"title":326,"path":327,"stem":328,"children":329,"page":35},"Deployment","\u002Fdeployment","6.deployment",[330,334,338],{"title":331,"path":332,"stem":333},"Docker","\u002Fdeployment\u002Fdocker","6.deployment\u002F1.docker",{"title":335,"path":336,"stem":337},"Kubernetes & Helm","\u002Fdeployment\u002Fkubernetes","6.deployment\u002F2.kubernetes",{"title":339,"path":340,"stem":341},"CI\u002FCD","\u002Fdeployment\u002Fci-cd","6.deployment\u002F3.ci-cd",{"id":343,"title":293,"badge":344,"body":347,"description":889,"extension":890,"links":891,"meta":892,"navigation":485,"path":294,"seo":893,"stem":295,"__hash__":894},"docs\u002F5.nuxt-module\u002F7.component-helpers\u002F3.html-content.md",{"label":345,"color":346},"Draft","amber",{"type":348,"value":349,"toc":884},"minimark",[350,377,382,821,839,843,870,874,880],[351,352,353,354,358,359,362,363,365,366,369,370,372,373,376],"p",{},"Rich-text components (e.g. a WYSIWYG or markdown-rendered field) output raw HTML containing ",[355,356,357],"code",{},"\u003Ca>"," tags. Rendering that HTML with ",[355,360,361],{},"v-html"," works, but ",[355,364,357],{}," tags cause full-page reloads for internal links. ",[355,367,368],{},"useHtmlContent"," solves this by replacing every ",[355,371,357],{}," tag in the container with a ",[355,374,375],{},"\u003CCwaLink>"," Vue component after mount.",[378,379,381],"h2",{"id":380},"usage","Usage",[383,384,389],"pre",{"className":385,"code":386,"language":387,"meta":388,"style":388},"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","",[355,390,391,400,414,470,480,487,512,550,574,600,605,636,641,684,698,703,751,756,790,798,803,812],{"__ignoreMap":388},[392,393,396],"span",{"class":394,"line":395},"line",1,[392,397,399],{"class":398},"sTBSN","\u003C!-- app\u002Fcwa\u002Fcomponents\u002FRichText\u002FRichText.vue -->\n",[392,401,403,407,411],{"class":394,"line":402},2,[392,404,406],{"class":405},"sOvfz","\u003C",[392,408,410],{"class":409},"s-h7I","template",[392,412,413],{"class":405},">\n",[392,415,417,420,423,427,430,434,438,440,443,445,447,450,452,455,457,459,462,464,468],{"class":394,"line":416},3,[392,418,419],{"class":405},"    \u003C",[392,421,422],{"class":409},"div",[392,424,426],{"class":425},"sGtlX"," ref",[392,428,429],{"class":405},"=",[392,431,433],{"class":432},"seSrl","\"",[392,435,437],{"class":436},"sLL54","container",[392,439,433],{"class":432},[392,441,442],{"class":425}," class",[392,444,429],{"class":405},[392,446,433],{"class":432},[392,448,449],{"class":436},"prose",[392,451,433],{"class":432},[392,453,454],{"class":425}," v-html",[392,456,429],{"class":405},[392,458,433],{"class":432},[392,460,461],{"class":436},"content",[392,463,433],{"class":432},[392,465,467],{"class":466},"s01iV"," \u002F",[392,469,413],{"class":405},[392,471,473,476,478],{"class":394,"line":472},4,[392,474,475],{"class":405},"\u003C\u002F",[392,477,410],{"class":409},[392,479,413],{"class":405},[392,481,483],{"class":394,"line":482},5,[392,484,486],{"emptyLinePlaceholder":485},true,"\n",[392,488,490,492,495,498,501,503,505,508,510],{"class":394,"line":489},6,[392,491,406],{"class":405},[392,493,494],{"class":409},"script",[392,496,497],{"class":425}," setup",[392,499,500],{"class":425}," lang",[392,502,429],{"class":405},[392,504,433],{"class":432},[392,506,507],{"class":436},"ts",[392,509,433],{"class":432},[392,511,413],{"class":405},[392,513,515,519,522,526,529,531,533,536,539,542,545,547],{"class":394,"line":514},7,[392,516,518],{"class":517},"sm4w6","import",[392,520,521],{"class":405}," {",[392,523,525],{"class":524},"sPB8G"," computed",[392,527,528],{"class":405},",",[392,530,426],{"class":524},[392,532,528],{"class":405},[392,534,535],{"class":524}," toRef",[392,537,538],{"class":405}," }",[392,540,541],{"class":517}," from",[392,543,544],{"class":432}," '",[392,546,387],{"class":436},[392,548,549],{"class":432},"'\n",[392,551,553,555,558,560,563,565,567,569,572],{"class":394,"line":552},8,[392,554,518],{"class":517},[392,556,557],{"class":517}," type",[392,559,521],{"class":405},[392,561,562],{"class":524}," IriProp",[392,564,538],{"class":405},[392,566,541],{"class":517},[392,568,544],{"class":432},[392,570,571],{"class":436},"@cwa\u002Fnuxt\u002Fruntime\u002Fcomposables",[392,573,549],{"class":432},[392,575,577,579,581,584,586,589,591,593,595,598],{"class":394,"line":576},9,[392,578,518],{"class":517},[392,580,521],{"class":405},[392,582,583],{"class":524}," useCwaResource",[392,585,528],{"class":405},[392,587,588],{"class":524}," useHtmlContent",[392,590,538],{"class":405},[392,592,541],{"class":517},[392,594,544],{"class":432},[392,596,597],{"class":436},"#imports",[392,599,549],{"class":432},[392,601,603],{"class":394,"line":602},10,[392,604,486],{"emptyLinePlaceholder":485},[392,606,608,612,616,620,624,626,630,633],{"class":394,"line":607},11,[392,609,611],{"class":610},"swB56","const",[392,613,615],{"class":614},"sc2zw"," props",[392,617,619],{"class":618},"sVlFx"," =",[392,621,623],{"class":622},"sKpYG"," defineProps",[392,625,406],{"class":405},[392,627,629],{"class":628},"sRCss","IriProp",[392,631,632],{"class":405},">",[392,634,635],{"class":524},"()\n",[392,637,639],{"class":394,"line":638},12,[392,640,486],{"emptyLinePlaceholder":485},[392,642,644,646,648,651,653,656,658,660,662,665,668,671,673,675,678,681],{"class":394,"line":643},13,[392,645,611],{"class":610},[392,647,521],{"class":405},[392,649,650],{"class":614}," getResource",[392,652,528],{"class":405},[392,654,655],{"class":614}," exposeMeta",[392,657,538],{"class":405},[392,659,619],{"class":618},[392,661,583],{"class":622},[392,663,664],{"class":524},"(",[392,666,667],{"class":622},"toRef",[392,669,670],{"class":524},"(props",[392,672,528],{"class":405},[392,674,544],{"class":432},[392,676,677],{"class":436},"iri",[392,679,680],{"class":432},"'",[392,682,683],{"class":524},"))\n",[392,685,687,689,692,694,696],{"class":394,"line":686},14,[392,688,611],{"class":610},[392,690,691],{"class":614}," resource",[392,693,619],{"class":618},[392,695,650],{"class":622},[392,697,635],{"class":524},[392,699,701],{"class":394,"line":700},15,[392,702,486],{"emptyLinePlaceholder":485},[392,704,706,708,711,713,715,717,720,723,725,728,731,734,737,739,742,745,748],{"class":394,"line":705},16,[392,707,611],{"class":610},[392,709,710],{"class":614}," content",[392,712,619],{"class":618},[392,714,525],{"class":622},[392,716,664],{"class":524},[392,718,719],{"class":405},"()",[392,721,722],{"class":610}," =>",[392,724,691],{"class":524},[392,726,727],{"class":405},".",[392,729,730],{"class":524},"value",[392,732,733],{"class":405},"?.",[392,735,736],{"class":524},"data",[392,738,733],{"class":405},[392,740,741],{"class":524},"content ",[392,743,744],{"class":618},"??",[392,746,747],{"class":432}," ''",[392,749,750],{"class":524},")\n",[392,752,754],{"class":394,"line":753},17,[392,755,486],{"emptyLinePlaceholder":485},[392,757,759,761,764,766,768,770,773,776,780,782,784,788],{"class":394,"line":758},18,[392,760,611],{"class":610},[392,762,763],{"class":614}," container",[392,765,619],{"class":618},[392,767,426],{"class":622},[392,769,406],{"class":405},[392,771,772],{"class":628},"HTMLElement",[392,774,775],{"class":618}," |",[392,777,779],{"class":778},"sbW4m"," null",[392,781,632],{"class":405},[392,783,664],{"class":524},[392,785,787],{"class":786},"sBtbT","null",[392,789,750],{"class":524},[392,791,793,795],{"class":394,"line":792},19,[392,794,368],{"class":622},[392,796,797],{"class":524},"(container)\n",[392,799,801],{"class":394,"line":800},20,[392,802,486],{"emptyLinePlaceholder":485},[392,804,806,809],{"class":394,"line":805},21,[392,807,808],{"class":622},"defineExpose",[392,810,811],{"class":524},"(exposeMeta)\n",[392,813,815,817,819],{"class":394,"line":814},22,[392,816,475],{"class":405},[392,818,494],{"class":409},[392,820,413],{"class":405},[351,822,823,824,826,827,829,830,832,833,835,836,838],{},"Pass ",[355,825,437],{}," — a template ref pointing to the element that receives the ",[355,828,361],{}," content. After mount and on each update, ",[355,831,368],{}," walks the container's DOM, finds ",[355,834,357],{}," elements, and mounts ",[355,837,375],{}," components in their place.",[378,840,842],{"id":841},"what-it-does","What It Does",[844,845,846,854,860,867],"ul",{},[847,848,849,850,853],"li",{},"Finds every ",[355,851,852],{},"\u003Ca href=\"...\">"," inside the container",[847,855,856,857,859],{},"Creates a ",[355,858,375],{}," Vue component instance for each",[847,861,862,863,866],{},"Mounts it as a replacement — internal paths get ",[355,864,865],{},"\u003CNuxtLink>"," behaviour, external URLs open in a new tab",[847,868,869],{},"Cleans up on unmount",[378,871,873],{"id":872},"when-to-use-it","When to Use It",[351,875,876,877,879],{},"Use ",[355,878,368],{}," 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.",[881,882,883],"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":388,"searchDepth":402,"depth":402,"links":885},[886,887,888],{"id":380,"depth":402,"text":381},{"id":841,"depth":402,"text":842},{"id":872,"depth":402,"text":873},"Render rich-text HTML from a CWA resource with CwaLink replacing anchor tags so internal links stay client-side.","md",null,{},{"title":293,"description":889},"SeKH1F7-nsA7ytOYQL1xMB6MR2IZUWgL25t0p6DVVsU",[896,898],{"title":289,"path":290,"stem":291,"description":897,"children":-1},"Render paginated resource lists with useCwaCollectionResource and bind page navigation to the URL query string.",{"title":297,"path":298,"stem":299,"description":899,"children":-1},"How Mercure broadcasts live content changes to all open browser sessions automatically when a component is published.",1782241281867]