[{"data":1,"prerenderedAt":996},["ShallowReactive",2],{"navigation":3,"\u002Fnuxt-module\u002Fcomposables\u002Flayout\u002Fuse-cwa-layout":358,"\u002Fnuxt-module\u002Fcomposables\u002Flayout\u002Fuse-cwa-layout-surround":991},[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":360,"badge":361,"body":364,"description":984,"extension":985,"links":986,"meta":987,"navigation":988,"path":222,"seo":989,"stem":223,"__hash__":990},"docs\u002F5.nuxt-module\u002F6.composables\u002F0.layout\u002F1.use-cwa-layout.md","useCwaLayout",{"label":362,"color":363},"Draft","amber",{"type":365,"value":366,"toc":977},"minimark",[367,380,421,426,469,473,528,532,724,741,745,755,893,897,966,973],[368,369,370,371,375,376,379],"p",{},"The standard composable for CWA layout files. Returns the active layout resource and automatically applies ",[372,373,374],"code",{},"uiClassNames"," to the layout's root element — no manual ",[372,377,378],{},":class"," binding needed.",[381,382,387],"pre",{"className":383,"code":384,"language":385,"meta":386,"style":386},"language-ts shiki shiki-themes github-light github-dark material-theme-palenight","const { layout } = useCwaLayout()\n","ts","",[372,388,389],{"__ignoreMap":386},[390,391,394,398,402,406,409,413,417],"span",{"class":392,"line":393},"line",1,[390,395,397],{"class":396},"swB56","const",[390,399,401],{"class":400},"sOvfz"," {",[390,403,405],{"class":404},"sc2zw"," layout",[390,407,408],{"class":400}," }",[390,410,412],{"class":411},"sVlFx"," =",[390,414,416],{"class":415},"sKpYG"," useCwaLayout",[390,418,420],{"class":419},"sPB8G","()\n",[422,423,425],"h2",{"id":424},"signature","Signature",[381,427,429],{"className":383,"code":428,"language":385,"meta":386,"style":386},"useCwaLayout(opts?: {\n  autoClass?: boolean  \u002F\u002F default true\n})\n",[372,430,431,444,460],{"__ignoreMap":386},[390,432,433,435,438,441],{"class":392,"line":393},[390,434,360],{"class":415},[390,436,437],{"class":419},"(opts",[390,439,440],{"class":411},"?:",[390,442,443],{"class":400}," {\n",[390,445,447,450,453,456],{"class":392,"line":446},2,[390,448,449],{"class":419},"  autoClass?",[390,451,452],{"class":400},":",[390,454,455],{"class":419}," boolean  ",[390,457,459],{"class":458},"sTBSN","\u002F\u002F default true\n",[390,461,463,466],{"class":392,"line":462},3,[390,464,465],{"class":400},"}",[390,467,468],{"class":419},")\n",[422,470,472],{"id":471},"return-values","Return values",[474,475,476,492],"table",{},[477,478,479],"thead",{},[480,481,482,486,489],"tr",{},[483,484,485],"th",{},"Return",[483,487,488],{},"Type",[483,490,491],{},"Purpose",[493,494,495,514],"tbody",{},[480,496,497,503,508],{},[498,499,500],"td",{},[372,501,502],{},"layout",[498,504,505],{},[372,506,507],{},"ComputedRef\u003CResource | undefined>",[498,509,510,511],{},"The active layout resource — access data on ",[372,512,513],{},".value?.data",[480,515,516,520,525],{},[498,517,518],{},[372,519,374],{},[498,521,522],{},[372,523,524],{},"ComputedRef\u003Cstring[] | undefined>",[498,526,527],{},"The selected style classes — auto-applied to the root element by default",[422,529,531],{"id":530},"basic-layout","Basic layout",[381,533,537],{"className":534,"code":535,"language":536,"meta":386,"style":386},"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",[372,538,539,551,561,571,612,622,647,657,667,674,698,715],{"__ignoreMap":386},[390,540,541,544,548],{"class":392,"line":393},[390,542,543],{"class":400},"\u003C",[390,545,547],{"class":546},"s-h7I","template",[390,549,550],{"class":400},">\n",[390,552,553,556,559],{"class":392,"line":446},[390,554,555],{"class":400},"  \u003C",[390,557,558],{"class":546},"div",[390,560,550],{"class":400},[390,562,563,566,569],{"class":392,"line":462},[390,564,565],{"class":400},"    \u003C",[390,567,568],{"class":546},"header",[390,570,550],{"class":400},[390,572,574,577,580,584,587,591,595,597,600,602,604,607,609],{"class":392,"line":573},4,[390,575,576],{"class":400},"      \u003C",[390,578,579],{"class":546},"CwaComponentGroup",[390,581,583],{"class":582},"sGtlX"," reference",[390,585,586],{"class":400},"=",[390,588,590],{"class":589},"seSrl","\"",[390,592,594],{"class":593},"sLL54","nav",[390,596,590],{"class":589},[390,598,599],{"class":582}," :location",[390,601,586],{"class":400},[390,603,590],{"class":589},[390,605,606],{"class":593},"$cwa.resources.layoutIri.value",[390,608,590],{"class":589},[390,610,611],{"class":400}," \u002F>\n",[390,613,615,618,620],{"class":392,"line":614},5,[390,616,617],{"class":400},"    \u003C\u002F",[390,619,568],{"class":546},[390,621,550],{"class":400},[390,623,625,627,630,633,636,640,643,645],{"class":392,"line":624},6,[390,626,565],{"class":400},[390,628,629],{"class":546},"main",[390,631,632],{"class":400},">\u003C",[390,634,635],{"class":546},"slot",[390,637,639],{"class":638},"s01iV"," \u002F",[390,641,642],{"class":400},">\u003C\u002F",[390,644,629],{"class":546},[390,646,550],{"class":400},[390,648,650,653,655],{"class":392,"line":649},7,[390,651,652],{"class":400},"  \u003C\u002F",[390,654,558],{"class":546},[390,656,550],{"class":400},[390,658,660,663,665],{"class":392,"line":659},8,[390,661,662],{"class":400},"\u003C\u002F",[390,664,547],{"class":546},[390,666,550],{"class":400},[390,668,670],{"class":392,"line":669},9,[390,671,673],{"emptyLinePlaceholder":672},true,"\n",[390,675,677,679,682,685,688,690,692,694,696],{"class":392,"line":676},10,[390,678,543],{"class":400},[390,680,681],{"class":546},"script",[390,683,684],{"class":582}," setup",[390,686,687],{"class":582}," lang",[390,689,586],{"class":400},[390,691,590],{"class":589},[390,693,385],{"class":593},[390,695,590],{"class":589},[390,697,550],{"class":400},[390,699,701,703,705,707,709,711,713],{"class":392,"line":700},11,[390,702,397],{"class":396},[390,704,401],{"class":400},[390,706,405],{"class":404},[390,708,408],{"class":400},[390,710,412],{"class":411},[390,712,416],{"class":415},[390,714,420],{"class":419},[390,716,718,720,722],{"class":392,"line":717},12,[390,719,662],{"class":400},[390,721,681],{"class":546},[390,723,550],{"class":400},[368,725,726,727,730,731,734,735,738,739,379],{},"Style classes defined in ",[372,728,729],{},"nuxt.config"," → ",[372,732,733],{},"cwa.layouts"," are applied automatically to the root ",[372,736,737],{},"\u003Cdiv>"," when an admin selects them. No ",[372,740,378],{},[422,742,744],{"id":743},"applying-classes-to-an-inner-element","Applying classes to an inner element",[368,746,747,748,751,752,754],{},"To apply style classes to an element other than the root, pass ",[372,749,750],{},"autoClass: false"," and bind ",[372,753,374],{}," manually:",[381,756,758],{"className":534,"code":757,"language":536,"meta":386,"style":386},"\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",[372,759,760,768,776,805,813,821,825,845,885],{"__ignoreMap":386},[390,761,762,764,766],{"class":392,"line":393},[390,763,543],{"class":400},[390,765,547],{"class":546},[390,767,550],{"class":400},[390,769,770,772,774],{"class":392,"line":446},[390,771,555],{"class":400},[390,773,558],{"class":546},[390,775,550],{"class":400},[390,777,778,780,782,785,787,789,791,793,795,797,799,801,803],{"class":392,"line":462},[390,779,565],{"class":400},[390,781,629],{"class":546},[390,783,784],{"class":582}," :class",[390,786,586],{"class":400},[390,788,590],{"class":589},[390,790,374],{"class":593},[390,792,590],{"class":589},[390,794,632],{"class":400},[390,796,635],{"class":546},[390,798,639],{"class":638},[390,800,642],{"class":400},[390,802,629],{"class":546},[390,804,550],{"class":400},[390,806,807,809,811],{"class":392,"line":573},[390,808,652],{"class":400},[390,810,558],{"class":546},[390,812,550],{"class":400},[390,814,815,817,819],{"class":392,"line":614},[390,816,662],{"class":400},[390,818,547],{"class":546},[390,820,550],{"class":400},[390,822,823],{"class":392,"line":624},[390,824,673],{"emptyLinePlaceholder":672},[390,826,827,829,831,833,835,837,839,841,843],{"class":392,"line":649},[390,828,543],{"class":400},[390,830,681],{"class":546},[390,832,684],{"class":582},[390,834,687],{"class":582},[390,836,586],{"class":400},[390,838,590],{"class":589},[390,840,385],{"class":593},[390,842,590],{"class":589},[390,844,550],{"class":400},[390,846,847,849,851,853,856,859,861,863,865,868,871,875,877,881,883],{"class":392,"line":659},[390,848,397],{"class":396},[390,850,401],{"class":400},[390,852,405],{"class":404},[390,854,855],{"class":400},",",[390,857,858],{"class":404}," uiClassNames",[390,860,408],{"class":400},[390,862,412],{"class":411},[390,864,416],{"class":415},[390,866,867],{"class":419},"(",[390,869,870],{"class":400},"{",[390,872,874],{"class":873},"sDHlG"," autoClass",[390,876,452],{"class":400},[390,878,880],{"class":879},"swWMF"," false",[390,882,408],{"class":400},[390,884,468],{"class":419},[390,886,887,889,891],{"class":392,"line":669},[390,888,662],{"class":400},[390,890,681],{"class":546},[390,892,550],{"class":400},[422,894,896],{"id":895},"accessing-layout-data","Accessing layout data",[381,898,900],{"className":383,"code":899,"language":385,"meta":386,"style":386},"const { layout } = useCwaLayout()\n\n\u002F\u002F layout.value?.data holds the layout entity fields\nconst title = computed(() => layout.value?.data?.title)\n",[372,901,902,918,922,927],{"__ignoreMap":386},[390,903,904,906,908,910,912,914,916],{"class":392,"line":393},[390,905,397],{"class":396},[390,907,401],{"class":400},[390,909,405],{"class":404},[390,911,408],{"class":400},[390,913,412],{"class":411},[390,915,416],{"class":415},[390,917,420],{"class":419},[390,919,920],{"class":392,"line":446},[390,921,673],{"emptyLinePlaceholder":672},[390,923,924],{"class":392,"line":462},[390,925,926],{"class":458},"\u002F\u002F layout.value?.data holds the layout entity fields\n",[390,928,929,931,934,936,939,941,944,947,949,952,955,958,961,963],{"class":392,"line":573},[390,930,397],{"class":396},[390,932,933],{"class":404}," title",[390,935,412],{"class":411},[390,937,938],{"class":415}," computed",[390,940,867],{"class":419},[390,942,943],{"class":400},"()",[390,945,946],{"class":396}," =>",[390,948,405],{"class":419},[390,950,951],{"class":400},".",[390,953,954],{"class":419},"value",[390,956,957],{"class":400},"?.",[390,959,960],{"class":419},"data",[390,962,957],{"class":400},[390,964,965],{"class":419},"title)\n",[368,967,968,969,972],{},"See ",[970,971,20],"a",{"href":21}," for the full setup guide.",[974,975,976],"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":386,"searchDepth":446,"depth":446,"links":978},[979,980,981,982,983],{"id":424,"depth":446,"text":425},{"id":471,"depth":446,"text":472},{"id":530,"depth":446,"text":531},{"id":743,"depth":446,"text":744},{"id":895,"depth":446,"text":896},"Access the current layout resource and auto-apply style classes to the layout's root element.","md",null,{},{"title":217},{"title":360,"description":984},"jy1m3j9JN3OSwbC4nMJluaxLto45umxBvz1SSZ5zD3E",[992,994],{"title":208,"path":209,"stem":210,"description":993,"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":995,"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.",1782512896863]