[{"data":1,"prerenderedAt":1743},["ShallowReactive",2],{"navigation":3,"\u002Fnuxt-module\u002Fcomponent-helpers\u002Fcollections-and-pagination":342,"\u002Fnuxt-module\u002Fcomponent-helpers\u002Fcollections-and-pagination-surround":1738},[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":289,"badge":344,"body":347,"description":1732,"extension":1733,"links":1734,"meta":1735,"navigation":514,"path":290,"seo":1736,"stem":291,"__hash__":1737},"docs\u002F5.nuxt-module\u002F7.component-helpers\u002F2.collections-and-pagination.md",{"label":345,"color":346},"Draft","amber",{"type":348,"value":349,"toc":1724},"minimark",[350,363,368,1184,1188,1334,1347,1351,1358,1415,1493,1497,1503,1548,1555,1559,1565,1630,1674,1683,1687,1693,1717,1720],[351,352,353,354,358,359,362],"p",{},"The ",[355,356,357],"code",{},"Collection"," built-in component proxies any resource collection endpoint. On the front-end, ",[355,360,361],{},"useCwaCollectionResource"," unwraps the Hydra response and gives you items, pagination state, and navigation helpers — all URL-bound.",[364,365,367],"h2",{"id":366},"display-component","Display Component",[369,370,375],"pre",{"className":371,"code":372,"language":373,"meta":374,"style":374},"language-vue shiki shiki-themes github-light github-dark material-theme-palenight","\u003C!-- app\u002Fcwa\u002Fcomponents\u002FBlogList\u002FBlogList.vue -->\n\u003Ctemplate>\n    \u003Cdiv>\n        \u003Cdiv v-if=\"isLoadingCollection\" class=\"space-y-4\">\n            \u003Cdiv v-for=\"n in 6\" :key=\"n\" class=\"h-48 bg-gray-100 animate-pulse rounded\" \u002F>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv v-else class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n            \u003CArticleCard\n                v-for=\"item in collectionItems\"\n                :key=\"item['@id']\"\n                :article=\"item.data\"\n                :href=\"resolveResourceLink(item)\"\n            \u002F>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv v-if=\"totalPages > 1\" class=\"flex items-center justify-center gap-4 mt-8\">\n            \u003Cbutton\n                :disabled=\"!pageModel || pageModel \u003C= 1\"\n                class=\"btn\"\n                @click=\"goToPreviousPage\"\n            >\n                Previous\n            \u003C\u002Fbutton>\n\n            \u003Cspan class=\"text-sm text-gray-600\">\n                Page {{ pageModel }} of {{ totalPages }}\n            \u003C\u002Fspan>\n\n            \u003Cbutton\n                :disabled=\"pageModel >= totalPages\"\n                class=\"btn\"\n                @click=\"goToNextPage\"\n            >\n                Next\n            \u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { toRef } from 'vue'\nimport type { IriProp } from '#cwa\u002Fcomposables\u002Fcwa-resource'\nimport { useCwaCollectionResource } from '#imports'\nimport { resolveResourceLink } from '@cwa\u002Fnuxt\u002Fruntime\u002Futils'\n\nconst props = defineProps\u003CIriProp>()\n\nconst {\n    getResource,\n    exposeMeta,\n    collectionItems,\n    isLoadingCollection,\n    totalPages,\n    pageModel,\n    goToNextPage,\n    goToPreviousPage\n} = useCwaCollectionResource(toRef(props, 'iri'))\n\nconst resource = getResource()\ndefineExpose(exposeMeta)\n\u003C\u002Fscript>\n","vue","",[355,376,377,386,400,411,450,499,509,516,539,547,563,578,593,608,614,623,628,659,667,682,697,712,718,725,736,741,761,767,776,781,788,802,815,829,834,840,849,858,868,878,883,908,935,959,980,1001,1006,1037,1042,1050,1059,1067,1075,1083,1091,1099,1107,1113,1146,1151,1166,1175],{"__ignoreMap":374},[378,379,382],"span",{"class":380,"line":381},"line",1,[378,383,385],{"class":384},"sTBSN","\u003C!-- app\u002Fcwa\u002Fcomponents\u002FBlogList\u002FBlogList.vue -->\n",[378,387,389,393,397],{"class":380,"line":388},2,[378,390,392],{"class":391},"sOvfz","\u003C",[378,394,396],{"class":395},"s-h7I","template",[378,398,399],{"class":391},">\n",[378,401,403,406,409],{"class":380,"line":402},3,[378,404,405],{"class":391},"    \u003C",[378,407,408],{"class":395},"div",[378,410,399],{"class":391},[378,412,414,417,419,423,426,430,434,436,439,441,443,446,448],{"class":380,"line":413},4,[378,415,416],{"class":391},"        \u003C",[378,418,408],{"class":395},[378,420,422],{"class":421},"sGtlX"," v-if",[378,424,425],{"class":391},"=",[378,427,429],{"class":428},"seSrl","\"",[378,431,433],{"class":432},"sLL54","isLoadingCollection",[378,435,429],{"class":428},[378,437,438],{"class":421}," class",[378,440,425],{"class":391},[378,442,429],{"class":428},[378,444,445],{"class":432},"space-y-4",[378,447,429],{"class":428},[378,449,399],{"class":391},[378,451,453,456,458,461,463,465,468,470,473,475,477,480,482,484,486,488,491,493,497],{"class":380,"line":452},5,[378,454,455],{"class":391},"            \u003C",[378,457,408],{"class":395},[378,459,460],{"class":421}," v-for",[378,462,425],{"class":391},[378,464,429],{"class":428},[378,466,467],{"class":432},"n in 6",[378,469,429],{"class":428},[378,471,472],{"class":421}," :key",[378,474,425],{"class":391},[378,476,429],{"class":428},[378,478,479],{"class":432},"n",[378,481,429],{"class":428},[378,483,438],{"class":421},[378,485,425],{"class":391},[378,487,429],{"class":428},[378,489,490],{"class":432},"h-48 bg-gray-100 animate-pulse rounded",[378,492,429],{"class":428},[378,494,496],{"class":495},"s01iV"," \u002F",[378,498,399],{"class":391},[378,500,502,505,507],{"class":380,"line":501},6,[378,503,504],{"class":391},"        \u003C\u002F",[378,506,408],{"class":395},[378,508,399],{"class":391},[378,510,512],{"class":380,"line":511},7,[378,513,515],{"emptyLinePlaceholder":514},true,"\n",[378,517,519,521,523,526,528,530,532,535,537],{"class":380,"line":518},8,[378,520,416],{"class":391},[378,522,408],{"class":395},[378,524,525],{"class":421}," v-else",[378,527,438],{"class":421},[378,529,425],{"class":391},[378,531,429],{"class":428},[378,533,534],{"class":432},"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",[378,536,429],{"class":428},[378,538,399],{"class":391},[378,540,542,544],{"class":380,"line":541},9,[378,543,455],{"class":391},[378,545,546],{"class":395},"ArticleCard\n",[378,548,550,553,555,557,560],{"class":380,"line":549},10,[378,551,552],{"class":421},"                v-for",[378,554,425],{"class":391},[378,556,429],{"class":428},[378,558,559],{"class":432},"item in collectionItems",[378,561,562],{"class":428},"\"\n",[378,564,566,569,571,573,576],{"class":380,"line":565},11,[378,567,568],{"class":421},"                :key",[378,570,425],{"class":391},[378,572,429],{"class":428},[378,574,575],{"class":432},"item['@id']",[378,577,562],{"class":428},[378,579,581,584,586,588,591],{"class":380,"line":580},12,[378,582,583],{"class":421},"                :article",[378,585,425],{"class":391},[378,587,429],{"class":428},[378,589,590],{"class":432},"item.data",[378,592,562],{"class":428},[378,594,596,599,601,603,606],{"class":380,"line":595},13,[378,597,598],{"class":421},"                :href",[378,600,425],{"class":391},[378,602,429],{"class":428},[378,604,605],{"class":432},"resolveResourceLink(item)",[378,607,562],{"class":428},[378,609,611],{"class":380,"line":610},14,[378,612,613],{"class":391},"            \u002F>\n",[378,615,617,619,621],{"class":380,"line":616},15,[378,618,504],{"class":391},[378,620,408],{"class":395},[378,622,399],{"class":391},[378,624,626],{"class":380,"line":625},16,[378,627,515],{"emptyLinePlaceholder":514},[378,629,631,633,635,637,639,641,644,646,648,650,652,655,657],{"class":380,"line":630},17,[378,632,416],{"class":391},[378,634,408],{"class":395},[378,636,422],{"class":421},[378,638,425],{"class":391},[378,640,429],{"class":428},[378,642,643],{"class":432},"totalPages > 1",[378,645,429],{"class":428},[378,647,438],{"class":421},[378,649,425],{"class":391},[378,651,429],{"class":428},[378,653,654],{"class":432},"flex items-center justify-center gap-4 mt-8",[378,656,429],{"class":428},[378,658,399],{"class":391},[378,660,662,664],{"class":380,"line":661},18,[378,663,455],{"class":391},[378,665,666],{"class":395},"button\n",[378,668,670,673,675,677,680],{"class":380,"line":669},19,[378,671,672],{"class":421},"                :disabled",[378,674,425],{"class":391},[378,676,429],{"class":428},[378,678,679],{"class":432},"!pageModel || pageModel \u003C= 1",[378,681,562],{"class":428},[378,683,685,688,690,692,695],{"class":380,"line":684},20,[378,686,687],{"class":421},"                class",[378,689,425],{"class":391},[378,691,429],{"class":428},[378,693,694],{"class":432},"btn",[378,696,562],{"class":428},[378,698,700,703,705,707,710],{"class":380,"line":699},21,[378,701,702],{"class":421},"                @click",[378,704,425],{"class":391},[378,706,429],{"class":428},[378,708,709],{"class":432},"goToPreviousPage",[378,711,562],{"class":428},[378,713,715],{"class":380,"line":714},22,[378,716,717],{"class":391},"            >\n",[378,719,721],{"class":380,"line":720},23,[378,722,724],{"class":723},"sPB8G","                Previous\n",[378,726,728,731,734],{"class":380,"line":727},24,[378,729,730],{"class":391},"            \u003C\u002F",[378,732,733],{"class":395},"button",[378,735,399],{"class":391},[378,737,739],{"class":380,"line":738},25,[378,740,515],{"emptyLinePlaceholder":514},[378,742,744,746,748,750,752,754,757,759],{"class":380,"line":743},26,[378,745,455],{"class":391},[378,747,378],{"class":395},[378,749,438],{"class":421},[378,751,425],{"class":391},[378,753,429],{"class":428},[378,755,756],{"class":432},"text-sm text-gray-600",[378,758,429],{"class":428},[378,760,399],{"class":391},[378,762,764],{"class":380,"line":763},27,[378,765,766],{"class":723},"                Page {{ pageModel }} of {{ totalPages }}\n",[378,768,770,772,774],{"class":380,"line":769},28,[378,771,730],{"class":391},[378,773,378],{"class":395},[378,775,399],{"class":391},[378,777,779],{"class":380,"line":778},29,[378,780,515],{"emptyLinePlaceholder":514},[378,782,784,786],{"class":380,"line":783},30,[378,785,455],{"class":391},[378,787,666],{"class":395},[378,789,791,793,795,797,800],{"class":380,"line":790},31,[378,792,672],{"class":421},[378,794,425],{"class":391},[378,796,429],{"class":428},[378,798,799],{"class":432},"pageModel >= totalPages",[378,801,562],{"class":428},[378,803,805,807,809,811,813],{"class":380,"line":804},32,[378,806,687],{"class":421},[378,808,425],{"class":391},[378,810,429],{"class":428},[378,812,694],{"class":432},[378,814,562],{"class":428},[378,816,818,820,822,824,827],{"class":380,"line":817},33,[378,819,702],{"class":421},[378,821,425],{"class":391},[378,823,429],{"class":428},[378,825,826],{"class":432},"goToNextPage",[378,828,562],{"class":428},[378,830,832],{"class":380,"line":831},34,[378,833,717],{"class":391},[378,835,837],{"class":380,"line":836},35,[378,838,839],{"class":723},"                Next\n",[378,841,843,845,847],{"class":380,"line":842},36,[378,844,730],{"class":391},[378,846,733],{"class":395},[378,848,399],{"class":391},[378,850,852,854,856],{"class":380,"line":851},37,[378,853,504],{"class":391},[378,855,408],{"class":395},[378,857,399],{"class":391},[378,859,861,864,866],{"class":380,"line":860},38,[378,862,863],{"class":391},"    \u003C\u002F",[378,865,408],{"class":395},[378,867,399],{"class":391},[378,869,871,874,876],{"class":380,"line":870},39,[378,872,873],{"class":391},"\u003C\u002F",[378,875,396],{"class":395},[378,877,399],{"class":391},[378,879,881],{"class":380,"line":880},40,[378,882,515],{"emptyLinePlaceholder":514},[378,884,886,888,891,894,897,899,901,904,906],{"class":380,"line":885},41,[378,887,392],{"class":391},[378,889,890],{"class":395},"script",[378,892,893],{"class":421}," setup",[378,895,896],{"class":421}," lang",[378,898,425],{"class":391},[378,900,429],{"class":428},[378,902,903],{"class":432},"ts",[378,905,429],{"class":428},[378,907,399],{"class":391},[378,909,911,915,918,921,924,927,930,932],{"class":380,"line":910},42,[378,912,914],{"class":913},"sm4w6","import",[378,916,917],{"class":391}," {",[378,919,920],{"class":723}," toRef",[378,922,923],{"class":391}," }",[378,925,926],{"class":913}," from",[378,928,929],{"class":428}," '",[378,931,373],{"class":432},[378,933,934],{"class":428},"'\n",[378,936,938,940,943,945,948,950,952,954,957],{"class":380,"line":937},43,[378,939,914],{"class":913},[378,941,942],{"class":913}," type",[378,944,917],{"class":391},[378,946,947],{"class":723}," IriProp",[378,949,923],{"class":391},[378,951,926],{"class":913},[378,953,929],{"class":428},[378,955,956],{"class":432},"#cwa\u002Fcomposables\u002Fcwa-resource",[378,958,934],{"class":428},[378,960,962,964,966,969,971,973,975,978],{"class":380,"line":961},44,[378,963,914],{"class":913},[378,965,917],{"class":391},[378,967,968],{"class":723}," useCwaCollectionResource",[378,970,923],{"class":391},[378,972,926],{"class":913},[378,974,929],{"class":428},[378,976,977],{"class":432},"#imports",[378,979,934],{"class":428},[378,981,983,985,987,990,992,994,996,999],{"class":380,"line":982},45,[378,984,914],{"class":913},[378,986,917],{"class":391},[378,988,989],{"class":723}," resolveResourceLink",[378,991,923],{"class":391},[378,993,926],{"class":913},[378,995,929],{"class":428},[378,997,998],{"class":432},"@cwa\u002Fnuxt\u002Fruntime\u002Futils",[378,1000,934],{"class":428},[378,1002,1004],{"class":380,"line":1003},46,[378,1005,515],{"emptyLinePlaceholder":514},[378,1007,1009,1013,1017,1021,1025,1027,1031,1034],{"class":380,"line":1008},47,[378,1010,1012],{"class":1011},"swB56","const",[378,1014,1016],{"class":1015},"sc2zw"," props",[378,1018,1020],{"class":1019},"sVlFx"," =",[378,1022,1024],{"class":1023},"sKpYG"," defineProps",[378,1026,392],{"class":391},[378,1028,1030],{"class":1029},"sRCss","IriProp",[378,1032,1033],{"class":391},">",[378,1035,1036],{"class":723},"()\n",[378,1038,1040],{"class":380,"line":1039},48,[378,1041,515],{"emptyLinePlaceholder":514},[378,1043,1045,1047],{"class":380,"line":1044},49,[378,1046,1012],{"class":1011},[378,1048,1049],{"class":391}," {\n",[378,1051,1053,1056],{"class":380,"line":1052},50,[378,1054,1055],{"class":1015},"    getResource",[378,1057,1058],{"class":391},",\n",[378,1060,1062,1065],{"class":380,"line":1061},51,[378,1063,1064],{"class":1015},"    exposeMeta",[378,1066,1058],{"class":391},[378,1068,1070,1073],{"class":380,"line":1069},52,[378,1071,1072],{"class":1015},"    collectionItems",[378,1074,1058],{"class":391},[378,1076,1078,1081],{"class":380,"line":1077},53,[378,1079,1080],{"class":1015},"    isLoadingCollection",[378,1082,1058],{"class":391},[378,1084,1086,1089],{"class":380,"line":1085},54,[378,1087,1088],{"class":1015},"    totalPages",[378,1090,1058],{"class":391},[378,1092,1094,1097],{"class":380,"line":1093},55,[378,1095,1096],{"class":1015},"    pageModel",[378,1098,1058],{"class":391},[378,1100,1102,1105],{"class":380,"line":1101},56,[378,1103,1104],{"class":1015},"    goToNextPage",[378,1106,1058],{"class":391},[378,1108,1110],{"class":380,"line":1109},57,[378,1111,1112],{"class":1015},"    goToPreviousPage\n",[378,1114,1116,1119,1121,1123,1126,1129,1132,1135,1137,1140,1143],{"class":380,"line":1115},58,[378,1117,1118],{"class":391},"}",[378,1120,1020],{"class":1019},[378,1122,968],{"class":1023},[378,1124,1125],{"class":723},"(",[378,1127,1128],{"class":1023},"toRef",[378,1130,1131],{"class":723},"(props",[378,1133,1134],{"class":391},",",[378,1136,929],{"class":428},[378,1138,1139],{"class":432},"iri",[378,1141,1142],{"class":428},"'",[378,1144,1145],{"class":723},"))\n",[378,1147,1149],{"class":380,"line":1148},59,[378,1150,515],{"emptyLinePlaceholder":514},[378,1152,1154,1156,1159,1161,1164],{"class":380,"line":1153},60,[378,1155,1012],{"class":1011},[378,1157,1158],{"class":1015}," resource",[378,1160,1020],{"class":1019},[378,1162,1163],{"class":1023}," getResource",[378,1165,1036],{"class":723},[378,1167,1169,1172],{"class":380,"line":1168},61,[378,1170,1171],{"class":1023},"defineExpose",[378,1173,1174],{"class":723},"(exposeMeta)\n",[378,1176,1178,1180,1182],{"class":380,"line":1177},62,[378,1179,873],{"class":391},[378,1181,890],{"class":395},[378,1183,399],{"class":391},[364,1185,1187],{"id":1186},"return-values","Return Values",[1189,1190,1191,1207],"table",{},[1192,1193,1194],"thead",{},[1195,1196,1197,1201,1204],"tr",{},[1198,1199,1200],"th",{},"Return",[1198,1202,1203],{},"Type",[1198,1205,1206],{},"Description",[1208,1209,1210,1229,1246,1268,1287,1303,1319],"tbody",{},[1195,1211,1212,1218,1223],{},[1213,1214,1215],"td",{},[355,1216,1217],{},"collectionItems",[1213,1219,1220],{},[355,1221,1222],{},"ComputedRef\u003CResource[]>",[1213,1224,353,1225,1228],{},[355,1226,1227],{},"hydra:member"," array — each item is a full resource",[1195,1230,1231,1235,1240],{},[1213,1232,1233],{},[355,1234,433],{},[1213,1236,1237],{},[355,1238,1239],{},"ComputedRef\u003Cboolean>",[1213,1241,1242,1245],{},[355,1243,1244],{},"true"," while the proxied collection fetch is in progress",[1195,1247,1248,1253,1258],{},[1213,1249,1250],{},[355,1251,1252],{},"totalPages",[1213,1254,1255],{},[355,1256,1257],{},"ComputedRef\u003Cnumber>",[1213,1259,1260,1261,1264,1265],{},"Computed from ",[355,1262,1263],{},"hydra:totalItems"," ÷ ",[355,1266,1267],{},"perPage",[1195,1269,1270,1275,1280],{},[1213,1271,1272],{},[355,1273,1274],{},"pageModel",[1213,1276,1277],{},[355,1278,1279],{},"Ref\u003Cnumber>",[1213,1281,1282,1283,1286],{},"Current page number — bound to the URL ",[355,1284,1285],{},"?page="," query param",[1195,1288,1289,1293,1298],{},[1213,1290,1291],{},[355,1292,826],{},[1213,1294,1295],{},[355,1296,1297],{},"() => void",[1213,1299,1300,1301],{},"Increments ",[355,1302,1274],{},[1195,1304,1305,1309,1313],{},[1213,1306,1307],{},[355,1308,709],{},[1213,1310,1311],{},[355,1312,1297],{},[1213,1314,1315,1316,1318],{},"Decrements ",[355,1317,1274],{}," (min: 1)",[1195,1320,1321,1326,1331],{},[1213,1322,1323],{},[355,1324,1325],{},"changePage",[1213,1327,1328],{},[355,1329,1330],{},"(page: number) => void",[1213,1332,1333],{},"Jump to a specific page",[351,1335,1336,1338,1339,1342,1343,1346],{},[355,1337,1217],{}," is always an array — never ",[355,1340,1341],{},"null"," — so ",[355,1344,1345],{},"v-for"," won't error during loading.",[364,1348,1350],{"id":1349},"numbered-pagination","Numbered Pagination",[351,1352,1353,1354,1357],{},"Use ",[355,1355,1356],{},"useCwaCollectionPagination"," to generate a page number list with ellipsis markers for long ranges:",[369,1359,1362],{"className":1360,"code":1361,"language":903,"meta":374,"style":374},"language-ts shiki shiki-themes github-light github-dark material-theme-palenight","import { useCwaCollectionPagination } from '#imports'\n\nconst { pages } = useCwaCollectionPagination(totalPages, pageModel)\n\u002F\u002F pages.value → [1, 2, '...', 8, 9, 10] when on page 1 of 10\n",[355,1363,1364,1383,1387,1410],{"__ignoreMap":374},[378,1365,1366,1368,1370,1373,1375,1377,1379,1381],{"class":380,"line":381},[378,1367,914],{"class":913},[378,1369,917],{"class":391},[378,1371,1372],{"class":723}," useCwaCollectionPagination",[378,1374,923],{"class":391},[378,1376,926],{"class":913},[378,1378,929],{"class":428},[378,1380,977],{"class":432},[378,1382,934],{"class":428},[378,1384,1385],{"class":380,"line":388},[378,1386,515],{"emptyLinePlaceholder":514},[378,1388,1389,1391,1393,1396,1398,1400,1402,1405,1407],{"class":380,"line":402},[378,1390,1012],{"class":1011},[378,1392,917],{"class":391},[378,1394,1395],{"class":1015}," pages",[378,1397,923],{"class":391},[378,1399,1020],{"class":1019},[378,1401,1372],{"class":1023},[378,1403,1404],{"class":723},"(totalPages",[378,1406,1134],{"class":391},[378,1408,1409],{"class":723}," pageModel)\n",[378,1411,1412],{"class":380,"line":413},[378,1413,1414],{"class":384},"\u002F\u002F pages.value → [1, 2, '...', 8, 9, 10] when on page 1 of 10\n",[369,1416,1418],{"className":371,"code":1417,"language":373,"meta":374,"style":374},"\u003Cnav class=\"flex gap-1\">\n    \u003Cbutton\n        v-for=\"p in pages\"\n        :key=\"p\"\n        :disabled=\"p === '...'\"\n        :class=\"p === pageModel ? 'font-bold' : ''\"\n        @click=\"typeof p === 'number' && changePage(p)\"\n    >\n        {{ p }}\n    \u003C\u002Fbutton>\n\u003C\u002Fnav>\n",[355,1419,1420,1440,1445,1450,1455,1460,1465,1470,1475,1480,1485],{"__ignoreMap":374},[378,1421,1422,1424,1427,1429,1431,1433,1436,1438],{"class":380,"line":381},[378,1423,392],{"class":391},[378,1425,1426],{"class":395},"nav",[378,1428,438],{"class":421},[378,1430,425],{"class":391},[378,1432,429],{"class":428},[378,1434,1435],{"class":432},"flex gap-1",[378,1437,429],{"class":428},[378,1439,399],{"class":391},[378,1441,1442],{"class":380,"line":388},[378,1443,1444],{"class":723},"    \u003Cbutton\n",[378,1446,1447],{"class":380,"line":402},[378,1448,1449],{"class":723},"        v-for=\"p in pages\"\n",[378,1451,1452],{"class":380,"line":413},[378,1453,1454],{"class":723},"        :key=\"p\"\n",[378,1456,1457],{"class":380,"line":452},[378,1458,1459],{"class":723},"        :disabled=\"p === '...'\"\n",[378,1461,1462],{"class":380,"line":501},[378,1463,1464],{"class":723},"        :class=\"p === pageModel ? 'font-bold' : ''\"\n",[378,1466,1467],{"class":380,"line":511},[378,1468,1469],{"class":723},"        @click=\"typeof p === 'number' && changePage(p)\"\n",[378,1471,1472],{"class":380,"line":518},[378,1473,1474],{"class":723},"    >\n",[378,1476,1477],{"class":380,"line":541},[378,1478,1479],{"class":723},"        {{ p }}\n",[378,1481,1482],{"class":380,"line":549},[378,1483,1484],{"class":723},"    \u003C\u002Fbutton>\n",[378,1486,1487,1489,1491],{"class":380,"line":565},[378,1488,873],{"class":391},[378,1490,1426],{"class":395},[378,1492,399],{"class":391},[364,1494,1496],{"id":1495},"linking-to-a-resources-page","Linking to a Resource's Page",[351,1498,1499,1502],{},[355,1500,1501],{},"resolveResourceLink"," looks up the Route whose PageData IRI matches the item, and returns the path:",[369,1504,1506],{"className":1360,"code":1505,"language":903,"meta":374,"style":374},"import { resolveResourceLink } from '@cwa\u002Fnuxt\u002Fruntime\u002Futils'\n\n\u002F\u002F In template\n:href=\"resolveResourceLink(item)\"\n",[355,1507,1508,1526,1530,1535],{"__ignoreMap":374},[378,1509,1510,1512,1514,1516,1518,1520,1522,1524],{"class":380,"line":381},[378,1511,914],{"class":913},[378,1513,917],{"class":391},[378,1515,989],{"class":723},[378,1517,923],{"class":391},[378,1519,926],{"class":913},[378,1521,929],{"class":428},[378,1523,998],{"class":432},[378,1525,934],{"class":428},[378,1527,1528],{"class":380,"line":388},[378,1529,515],{"emptyLinePlaceholder":514},[378,1531,1532],{"class":380,"line":402},[378,1533,1534],{"class":384},"\u002F\u002F In template\n",[378,1536,1537,1540,1542,1544,1546],{"class":380,"line":413},[378,1538,1539],{"class":723},":href",[378,1541,425],{"class":1019},[378,1543,429],{"class":428},[378,1545,605],{"class":432},[378,1547,562],{"class":428},[351,1549,1550,1551,1554],{},"This is how you turn a collection item into a ",[355,1552,1553],{},"\u003CNuxtLink>"," without knowing its URL in advance.",[364,1556,1558],{"id":1557},"user-controlled-sorting-and-filtering","User-Controlled Sorting and Filtering",[351,1560,1561,1564],{},[355,1562,1563],{},"useQueryBoundModel"," binds any query parameter to the URL, triggering a re-fetch when it changes:",[369,1566,1568],{"className":1360,"code":1567,"language":903,"meta":374,"style":374},"import { useQueryBoundModel } from '#imports'\n\nconst sortOrder = useQueryBoundModel('order[createdAt]', 'desc')\n\u002F\u002F Changing sortOrder.value updates ?order[createdAt]=... in the URL\n",[355,1569,1570,1589,1593,1625],{"__ignoreMap":374},[378,1571,1572,1574,1576,1579,1581,1583,1585,1587],{"class":380,"line":381},[378,1573,914],{"class":913},[378,1575,917],{"class":391},[378,1577,1578],{"class":723}," useQueryBoundModel",[378,1580,923],{"class":391},[378,1582,926],{"class":913},[378,1584,929],{"class":428},[378,1586,977],{"class":432},[378,1588,934],{"class":428},[378,1590,1591],{"class":380,"line":388},[378,1592,515],{"emptyLinePlaceholder":514},[378,1594,1595,1597,1600,1602,1604,1606,1608,1611,1613,1615,1617,1620,1622],{"class":380,"line":402},[378,1596,1012],{"class":1011},[378,1598,1599],{"class":1015}," sortOrder",[378,1601,1020],{"class":1019},[378,1603,1578],{"class":1023},[378,1605,1125],{"class":723},[378,1607,1142],{"class":428},[378,1609,1610],{"class":432},"order[createdAt]",[378,1612,1142],{"class":428},[378,1614,1134],{"class":391},[378,1616,929],{"class":428},[378,1618,1619],{"class":432},"desc",[378,1621,1142],{"class":428},[378,1623,1624],{"class":723},")\n",[378,1626,1627],{"class":380,"line":413},[378,1628,1629],{"class":384},"\u002F\u002F Changing sortOrder.value updates ?order[createdAt]=... in the URL\n",[369,1631,1633],{"className":371,"code":1632,"language":373,"meta":374,"style":374},"\u003Cselect v-model=\"sortOrder\">\n    \u003Coption value=\"desc\">Newest first\u003C\u002Foption>\n    \u003Coption value=\"asc\">Oldest first\u003C\u002Foption>\n\u003C\u002Fselect>\n",[355,1634,1635,1656,1661,1666],{"__ignoreMap":374},[378,1636,1637,1639,1642,1645,1647,1649,1652,1654],{"class":380,"line":381},[378,1638,392],{"class":391},[378,1640,1641],{"class":395},"select",[378,1643,1644],{"class":421}," v-model",[378,1646,425],{"class":391},[378,1648,429],{"class":428},[378,1650,1651],{"class":723},"sortOrder",[378,1653,429],{"class":428},[378,1655,399],{"class":391},[378,1657,1658],{"class":380,"line":388},[378,1659,1660],{"class":723},"    \u003Coption value=\"desc\">Newest first\u003C\u002Foption>\n",[378,1662,1663],{"class":380,"line":402},[378,1664,1665],{"class":723},"    \u003Coption value=\"asc\">Oldest first\u003C\u002Foption>\n",[378,1667,1668,1670,1672],{"class":380,"line":413},[378,1669,873],{"class":391},[378,1671,1641],{"class":395},[378,1673,399],{"class":391},[351,1675,1676,1677,1679,1680,1682],{},"The collection re-fetches automatically when the URL changes. Default query parameters set in the PHP ",[355,1678,357],{}," entity are the baseline; ",[355,1681,1563],{}," lets users override them.",[364,1684,1686],{"id":1685},"admin-setting-up-a-collection","Admin: Setting Up a Collection",[351,1688,1689,1690,1692],{},"The manager tab (auto-provided by the built-in ",[355,1691,357],{}," entity) lets admins:",[1694,1695,1696,1704,1710],"ol",{},[1697,1698,1699,1700,1703],"li",{},"Select which resource to list (",[355,1701,1702],{},"resourceIri"," — searchable dropdown)",[1697,1705,1706,1707,1709],{},"Set ",[355,1708,1267],{}," — how many items per page",[1697,1711,1712,1713,1716],{},"Configure ",[355,1714,1715],{},"defaultQueryParameters"," — default sort and filter values",[351,1718,1719],{},"No custom admin tab file needed for the standard Collection component — it's provided by the bundle.",[1721,1722,1723],"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 .sPB8G, html code.shiki .sPB8G{--shiki-light:#24292E;--shiki-default:#E1E4E8;--shiki-dark:#BABED8}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 .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 .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":374,"searchDepth":388,"depth":388,"links":1725},[1726,1727,1728,1729,1730,1731],{"id":366,"depth":388,"text":367},{"id":1186,"depth":388,"text":1187},{"id":1349,"depth":388,"text":1350},{"id":1495,"depth":388,"text":1496},{"id":1557,"depth":388,"text":1558},{"id":1685,"depth":388,"text":1686},"Render paginated resource lists with useCwaCollectionResource and bind page navigation to the URL query string.","md",null,{},{"title":289,"description":1732},"uVGclYOJPX0J2fDeEXMTHB1-TC8uDNFeJKbmEpPj-FI",[1739,1741],{"title":285,"path":286,"stem":287,"description":1740,"children":-1},"Display uploaded files with useCwaImageResource, manage uploads in admin tabs with useCwaResourceUpload, and use Imagine filter variants.",{"title":293,"path":294,"stem":295,"description":1742,"children":-1},"Render rich-text HTML from a CWA resource with CwaLink replacing anchor tags so internal links stay client-side.",1782241281494]