[{"data":1,"prerenderedAt":1000},["ShallowReactive",2],{"navigation":3,"\u002Fnuxt-module\u002Fcomposables\u002Flayout\u002Fuse-cwa-layout":362,"\u002Fnuxt-module\u002Fcomposables\u002Flayout\u002Fuse-cwa-layout-surround":995},[4,14,36,69,144,345],{"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,120,124,128,132,136,140],{"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,107],{"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,103],{"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},"Explicit Allow Only","\u002Fapi\u002Fcomponents\u002Fannotations\u002Fexplicit-allow-only","4.api\u002F2.components\u002F2.annotations\u002F4.explicit-allow-only",{"title":108,"path":109,"stem":110,"children":111,"page":35},"Built Ins","\u002Fapi\u002Fcomponents\u002Fbuilt-ins","4.api\u002F2.components\u002F3.built-ins",[112,116],{"title":113,"path":114,"stem":115},"Collection Component","\u002Fapi\u002Fcomponents\u002Fbuilt-ins\u002Fcollection-component","4.api\u002F2.components\u002F3.built-ins\u002F1.collection-component",{"title":117,"path":118,"stem":119},"Form Component","\u002Fapi\u002Fcomponents\u002Fbuilt-ins\u002Fform-component","4.api\u002F2.components\u002F3.built-ins\u002F2.form-component",{"title":121,"path":122,"stem":123},"Dynamic & Nested Pages","\u002Fapi\u002Fdynamic-pages","4.api\u002F3.dynamic-pages",{"title":125,"path":126,"stem":127},"Users & Security","\u002Fapi\u002Fusers-and-security","4.api\u002F4.users-and-security",{"title":129,"path":130,"stem":131},"Data Fixtures","\u002Fapi\u002Fdata-fixtures","4.api\u002F5.data-fixtures",{"title":133,"path":134,"stem":135},"Configuration Reference","\u002Fapi\u002Fconfiguration","4.api\u002F6.configuration",{"title":137,"path":138,"stem":139},"Console Commands","\u002Fapi\u002Fconsole-commands","4.api\u002F7.console-commands",{"title":141,"path":142,"stem":143},"Debugging & Profiler","\u002Fapi\u002Fdebugging","4.api\u002F8.debugging",{"title":145,"path":146,"stem":147,"children":148,"page":35},"Nuxt Module","\u002Fnuxt-module","5.nuxt-module",[149,153,166,186,207,211,295,320,324],{"title":150,"path":151,"stem":152},"Module Setup","\u002Fnuxt-module\u002Fmodule-setup","5.nuxt-module\u002F1.module-setup",{"title":154,"path":155,"stem":156,"children":157,"page":35},"Configuration","\u002Fnuxt-module\u002Fconfiguration","5.nuxt-module\u002F2.configuration",[158,162],{"title":159,"path":160,"stem":161},"Nuxt Config","\u002Fnuxt-module\u002Fconfiguration\u002Fnuxt-config","5.nuxt-module\u002F2.configuration\u002F1.nuxt-config",{"title":163,"path":164,"stem":165},"Site Config & SEO","\u002Fnuxt-module\u002Fconfiguration\u002Fsite-config-and-seo","5.nuxt-module\u002F2.configuration\u002F2.site-config-and-seo",{"title":167,"path":168,"stem":169,"children":170,"page":35},"Building Your Ui","\u002Fnuxt-module\u002Fbuilding-your-ui","5.nuxt-module\u002F3.building-your-ui",[171,175,179,182],{"title":172,"path":173,"stem":174},"Layouts","\u002Fnuxt-module\u002Fbuilding-your-ui\u002Fcreating-layouts","5.nuxt-module\u002F3.building-your-ui\u002F1.creating-layouts",{"title":176,"path":177,"stem":178},"Page Templates","\u002Fnuxt-module\u002Fbuilding-your-ui\u002Fcreating-page-templates","5.nuxt-module\u002F3.building-your-ui\u002F2.creating-page-templates",{"title":83,"path":180,"stem":181},"\u002Fnuxt-module\u002Fbuilding-your-ui\u002Fcreating-components","5.nuxt-module\u002F3.building-your-ui\u002F3.creating-components",{"title":183,"path":184,"stem":185},"CLI Generator","\u002Fnuxt-module\u002Fbuilding-your-ui\u002Fcwa-cli","5.nuxt-module\u002F3.building-your-ui\u002F4.cwa-cli",{"title":187,"path":188,"stem":189,"children":190,"page":35},"Cwa Components","\u002Fnuxt-module\u002Fcwa-components","5.nuxt-module\u002F4.cwa-components",[191,195,199,203],{"title":192,"path":193,"stem":194},"\u003CCwaComponentGroup \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-component-group","5.nuxt-module\u002F4.cwa-components\u002F1.cwa-component-group",{"title":196,"path":197,"stem":198},"\u003CCwaPage \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-page","5.nuxt-module\u002F4.cwa-components\u002F2.cwa-page",{"title":200,"path":201,"stem":202},"\u003CCwaLink \u002F>","\u002Fnuxt-module\u002Fcwa-components\u002Fcwa-link","5.nuxt-module\u002F4.cwa-components\u002F3.cwa-link",{"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},"File Field","\u002Fnuxt-module\u002Fcomposables\u002Fcomponent\u002Fuse-cwa-file-field","5.nuxt-module\u002F6.composables\u002F1.component\u002F3.use-cwa-file-field",{"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,341],{"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},"Styling","\u002Fnuxt-module\u002Fcwa-layer\u002Fstyling","5.nuxt-module\u002F9.cwa-layer\u002F4.styling",{"title":346,"path":347,"stem":348,"children":349,"page":35},"Deployment","\u002Fdeployment","6.deployment",[350,354,358],{"title":351,"path":352,"stem":353},"Docker","\u002Fdeployment\u002Fdocker","6.deployment\u002F1.docker",{"title":355,"path":356,"stem":357},"Kubernetes & Helm","\u002Fdeployment\u002Fkubernetes","6.deployment\u002F2.kubernetes",{"title":359,"path":360,"stem":361},"CI\u002FCD","\u002Fdeployment\u002Fci-cd","6.deployment\u002F3.ci-cd",{"id":363,"title":364,"badge":365,"body":368,"description":988,"extension":989,"links":990,"meta":991,"navigation":992,"path":222,"seo":993,"stem":223,"__hash__":994},"docs\u002F5.nuxt-module\u002F6.composables\u002F0.layout\u002F1.use-cwa-layout.md","useCwaLayout",{"label":366,"color":367},"Draft","amber",{"type":369,"value":370,"toc":981},"minimark",[371,384,425,430,473,477,532,536,728,745,749,759,897,901,970,977],[372,373,374,375,379,380,383],"p",{},"The standard composable for CWA layout files. Returns the active layout resource and automatically applies ",[376,377,378],"code",{},"uiClassNames"," to the layout's root element — no manual ",[376,381,382],{},":class"," binding needed.",[385,386,391],"pre",{"className":387,"code":388,"language":389,"meta":390,"style":390},"language-ts shiki shiki-themes github-light github-dark material-theme-palenight","const { layout } = useCwaLayout()\n","ts","",[376,392,393],{"__ignoreMap":390},[394,395,398,402,406,410,413,417,421],"span",{"class":396,"line":397},"line",1,[394,399,401],{"class":400},"swB56","const",[394,403,405],{"class":404},"sOvfz"," {",[394,407,409],{"class":408},"sc2zw"," layout",[394,411,412],{"class":404}," }",[394,414,416],{"class":415},"sVlFx"," =",[394,418,420],{"class":419},"sKpYG"," useCwaLayout",[394,422,424],{"class":423},"sPB8G","()\n",[426,427,429],"h2",{"id":428},"signature","Signature",[385,431,433],{"className":387,"code":432,"language":389,"meta":390,"style":390},"useCwaLayout(opts?: {\n  autoClass?: boolean  \u002F\u002F default true\n})\n",[376,434,435,448,464],{"__ignoreMap":390},[394,436,437,439,442,445],{"class":396,"line":397},[394,438,364],{"class":419},[394,440,441],{"class":423},"(opts",[394,443,444],{"class":415},"?:",[394,446,447],{"class":404}," {\n",[394,449,451,454,457,460],{"class":396,"line":450},2,[394,452,453],{"class":423},"  autoClass?",[394,455,456],{"class":404},":",[394,458,459],{"class":423}," boolean  ",[394,461,463],{"class":462},"sTBSN","\u002F\u002F default true\n",[394,465,467,470],{"class":396,"line":466},3,[394,468,469],{"class":404},"}",[394,471,472],{"class":423},")\n",[426,474,476],{"id":475},"return-values","Return values",[478,479,480,496],"table",{},[481,482,483],"thead",{},[484,485,486,490,493],"tr",{},[487,488,489],"th",{},"Return",[487,491,492],{},"Type",[487,494,495],{},"Purpose",[497,498,499,518],"tbody",{},[484,500,501,507,512],{},[502,503,504],"td",{},[376,505,506],{},"layout",[502,508,509],{},[376,510,511],{},"ComputedRef\u003CResource | undefined>",[502,513,514,515],{},"The active layout resource — access data on ",[376,516,517],{},".value?.data",[484,519,520,524,529],{},[502,521,522],{},[376,523,378],{},[502,525,526],{},[376,527,528],{},"ComputedRef\u003Cstring[] | undefined>",[502,530,531],{},"The selected style classes — auto-applied to the root element by default",[426,533,535],{"id":534},"basic-layout","Basic layout",[385,537,541],{"className":538,"code":539,"language":540,"meta":390,"style":390},"language-vue shiki shiki-themes github-light github-dark material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv>\n    \u003Cheader>\n      \u003CCwaComponentGroup reference=\"nav\" :location=\"$cwa.resources.layoutIri.value\" \u002F>\n    \u003C\u002Fheader>\n    \u003Cmain>\u003Cslot \u002F>\u003C\u002Fmain>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst { layout } = useCwaLayout()\n\u003C\u002Fscript>\n","vue",[376,542,543,555,565,575,616,626,651,661,671,678,702,719],{"__ignoreMap":390},[394,544,545,548,552],{"class":396,"line":397},[394,546,547],{"class":404},"\u003C",[394,549,551],{"class":550},"s-h7I","template",[394,553,554],{"class":404},">\n",[394,556,557,560,563],{"class":396,"line":450},[394,558,559],{"class":404},"  \u003C",[394,561,562],{"class":550},"div",[394,564,554],{"class":404},[394,566,567,570,573],{"class":396,"line":466},[394,568,569],{"class":404},"    \u003C",[394,571,572],{"class":550},"header",[394,574,554],{"class":404},[394,576,578,581,584,588,591,595,599,601,604,606,608,611,613],{"class":396,"line":577},4,[394,579,580],{"class":404},"      \u003C",[394,582,583],{"class":550},"CwaComponentGroup",[394,585,587],{"class":586},"sGtlX"," reference",[394,589,590],{"class":404},"=",[394,592,594],{"class":593},"seSrl","\"",[394,596,598],{"class":597},"sLL54","nav",[394,600,594],{"class":593},[394,602,603],{"class":586}," :location",[394,605,590],{"class":404},[394,607,594],{"class":593},[394,609,610],{"class":597},"$cwa.resources.layoutIri.value",[394,612,594],{"class":593},[394,614,615],{"class":404}," \u002F>\n",[394,617,619,622,624],{"class":396,"line":618},5,[394,620,621],{"class":404},"    \u003C\u002F",[394,623,572],{"class":550},[394,625,554],{"class":404},[394,627,629,631,634,637,640,644,647,649],{"class":396,"line":628},6,[394,630,569],{"class":404},[394,632,633],{"class":550},"main",[394,635,636],{"class":404},">\u003C",[394,638,639],{"class":550},"slot",[394,641,643],{"class":642},"s01iV"," \u002F",[394,645,646],{"class":404},">\u003C\u002F",[394,648,633],{"class":550},[394,650,554],{"class":404},[394,652,654,657,659],{"class":396,"line":653},7,[394,655,656],{"class":404},"  \u003C\u002F",[394,658,562],{"class":550},[394,660,554],{"class":404},[394,662,664,667,669],{"class":396,"line":663},8,[394,665,666],{"class":404},"\u003C\u002F",[394,668,551],{"class":550},[394,670,554],{"class":404},[394,672,674],{"class":396,"line":673},9,[394,675,677],{"emptyLinePlaceholder":676},true,"\n",[394,679,681,683,686,689,692,694,696,698,700],{"class":396,"line":680},10,[394,682,547],{"class":404},[394,684,685],{"class":550},"script",[394,687,688],{"class":586}," setup",[394,690,691],{"class":586}," lang",[394,693,590],{"class":404},[394,695,594],{"class":593},[394,697,389],{"class":597},[394,699,594],{"class":593},[394,701,554],{"class":404},[394,703,705,707,709,711,713,715,717],{"class":396,"line":704},11,[394,706,401],{"class":400},[394,708,405],{"class":404},[394,710,409],{"class":408},[394,712,412],{"class":404},[394,714,416],{"class":415},[394,716,420],{"class":419},[394,718,424],{"class":423},[394,720,722,724,726],{"class":396,"line":721},12,[394,723,666],{"class":404},[394,725,685],{"class":550},[394,727,554],{"class":404},[372,729,730,731,734,735,738,739,742,743,383],{},"Style classes defined in ",[376,732,733],{},"nuxt.config"," → ",[376,736,737],{},"cwa.layouts"," are applied automatically to the root ",[376,740,741],{},"\u003Cdiv>"," when an admin selects them. No ",[376,744,382],{},[426,746,748],{"id":747},"applying-classes-to-an-inner-element","Applying classes to an inner element",[372,750,751,752,755,756,758],{},"To apply style classes to an element other than the root, pass ",[376,753,754],{},"autoClass: false"," and bind ",[376,757,378],{}," manually:",[385,760,762],{"className":538,"code":761,"language":540,"meta":390,"style":390},"\u003Ctemplate>\n  \u003Cdiv>\n    \u003Cmain :class=\"uiClassNames\">\u003Cslot \u002F>\u003C\u002Fmain>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst { layout, uiClassNames } = useCwaLayout({ autoClass: false })\n\u003C\u002Fscript>\n",[376,763,764,772,780,809,817,825,829,849,889],{"__ignoreMap":390},[394,765,766,768,770],{"class":396,"line":397},[394,767,547],{"class":404},[394,769,551],{"class":550},[394,771,554],{"class":404},[394,773,774,776,778],{"class":396,"line":450},[394,775,559],{"class":404},[394,777,562],{"class":550},[394,779,554],{"class":404},[394,781,782,784,786,789,791,793,795,797,799,801,803,805,807],{"class":396,"line":466},[394,783,569],{"class":404},[394,785,633],{"class":550},[394,787,788],{"class":586}," :class",[394,790,590],{"class":404},[394,792,594],{"class":593},[394,794,378],{"class":597},[394,796,594],{"class":593},[394,798,636],{"class":404},[394,800,639],{"class":550},[394,802,643],{"class":642},[394,804,646],{"class":404},[394,806,633],{"class":550},[394,808,554],{"class":404},[394,810,811,813,815],{"class":396,"line":577},[394,812,656],{"class":404},[394,814,562],{"class":550},[394,816,554],{"class":404},[394,818,819,821,823],{"class":396,"line":618},[394,820,666],{"class":404},[394,822,551],{"class":550},[394,824,554],{"class":404},[394,826,827],{"class":396,"line":628},[394,828,677],{"emptyLinePlaceholder":676},[394,830,831,833,835,837,839,841,843,845,847],{"class":396,"line":653},[394,832,547],{"class":404},[394,834,685],{"class":550},[394,836,688],{"class":586},[394,838,691],{"class":586},[394,840,590],{"class":404},[394,842,594],{"class":593},[394,844,389],{"class":597},[394,846,594],{"class":593},[394,848,554],{"class":404},[394,850,851,853,855,857,860,863,865,867,869,872,875,879,881,885,887],{"class":396,"line":663},[394,852,401],{"class":400},[394,854,405],{"class":404},[394,856,409],{"class":408},[394,858,859],{"class":404},",",[394,861,862],{"class":408}," uiClassNames",[394,864,412],{"class":404},[394,866,416],{"class":415},[394,868,420],{"class":419},[394,870,871],{"class":423},"(",[394,873,874],{"class":404},"{",[394,876,878],{"class":877},"sDHlG"," autoClass",[394,880,456],{"class":404},[394,882,884],{"class":883},"swWMF"," false",[394,886,412],{"class":404},[394,888,472],{"class":423},[394,890,891,893,895],{"class":396,"line":673},[394,892,666],{"class":404},[394,894,685],{"class":550},[394,896,554],{"class":404},[426,898,900],{"id":899},"accessing-layout-data","Accessing layout data",[385,902,904],{"className":387,"code":903,"language":389,"meta":390,"style":390},"const { layout } = useCwaLayout()\n\n\u002F\u002F layout.value?.data holds the layout entity fields\nconst title = computed(() => layout.value?.data?.title)\n",[376,905,906,922,926,931],{"__ignoreMap":390},[394,907,908,910,912,914,916,918,920],{"class":396,"line":397},[394,909,401],{"class":400},[394,911,405],{"class":404},[394,913,409],{"class":408},[394,915,412],{"class":404},[394,917,416],{"class":415},[394,919,420],{"class":419},[394,921,424],{"class":423},[394,923,924],{"class":396,"line":450},[394,925,677],{"emptyLinePlaceholder":676},[394,927,928],{"class":396,"line":466},[394,929,930],{"class":462},"\u002F\u002F layout.value?.data holds the layout entity fields\n",[394,932,933,935,938,940,943,945,948,951,953,956,959,962,965,967],{"class":396,"line":577},[394,934,401],{"class":400},[394,936,937],{"class":408}," title",[394,939,416],{"class":415},[394,941,942],{"class":419}," computed",[394,944,871],{"class":423},[394,946,947],{"class":404},"()",[394,949,950],{"class":400}," =>",[394,952,409],{"class":423},[394,954,955],{"class":404},".",[394,957,958],{"class":423},"value",[394,960,961],{"class":404},"?.",[394,963,964],{"class":423},"data",[394,966,961],{"class":404},[394,968,969],{"class":423},"title)\n",[372,971,972,973,976],{},"See ",[974,975,20],"a",{"href":21}," for the full setup guide.",[978,979,980],"style",{},"html pre.shiki code .swB56, html code.shiki .swB56{--shiki-light:#D73A49;--shiki-default:#F97583;--shiki-dark:#C792EA}html pre.shiki code .sOvfz, html code.shiki .sOvfz{--shiki-light:#24292E;--shiki-default:#E1E4E8;--shiki-dark:#89DDFF}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 .sPB8G, html code.shiki .sPB8G{--shiki-light:#24292E;--shiki-default:#E1E4E8;--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 .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 .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 .sDHlG, html code.shiki .sDHlG{--shiki-light:#24292E;--shiki-default:#E1E4E8;--shiki-dark:#F07178}html pre.shiki code .swWMF, html code.shiki .swWMF{--shiki-light:#005CC5;--shiki-default:#79B8FF;--shiki-dark:#FF9CAC}",{"title":390,"searchDepth":450,"depth":450,"links":982},[983,984,985,986,987],{"id":428,"depth":450,"text":429},{"id":475,"depth":450,"text":476},{"id":534,"depth":450,"text":535},{"id":747,"depth":450,"text":748},{"id":899,"depth":450,"text":900},"Access the current layout resource and auto-apply style classes to the layout's root element.","md",null,{},{"title":217},{"title":364,"description":988},"jy1m3j9JN3OSwbC4nMJluaxLto45umxBvz1SSZ5zD3E",[996,998],{"title":208,"path":209,"stem":210,"description":997,"children":-1},"Complete reference for the Cwa class — the central access point for resources, auth, forms, admin, and site config.",{"title":230,"path":231,"stem":232,"description":999,"children":-1},"The recommended entry point for all CWA display components — fetch resource data, expose to the admin manager, and compose plugins for collections, images, or custom behaviour.",1783701659693]