[{"data":1,"prerenderedAt":475},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:Jpg3mSgOaLz7NJq9KHJ4n18AiQWOGh-3x9BBRzOZ-5g":235,"content-page-surround:docs:Jpg3mSgOaLz7NJq9KHJ4n18AiQWOGh-3x9BBRzOZ-5g":464,"i-logos:vue":467,"i-lucide:clipboard":472},[4,50,111,152,214],{"title":5,"page":6,"canonicalKey":7,"locale":8,"id":9,"draft":6,"icon":10,"sidebar":11,"children":12},"Start",false,"1","en","content:docs:1.start:.navigation.yml","i-lucide-rocket","section",[13,19,24,29,35,40,45],{"title":14,"id":15,"canonicalKey":16,"locale":8,"draft":6,"navigation":17,"path":18},"Why Nuxt Photo","content:docs:1.start:1.why-nuxt-photo.md","1\u002F1",{"title":14},"\u002Fdocs\u002Fstart\u002Fwhy-nuxt-photo",{"title":20,"id":21,"canonicalKey":22,"locale":8,"draft":6,"path":23},"Install Nuxt Photo","content:docs:1.start:2.installation.md","1\u002F2","\u002Fdocs\u002Fstart\u002Finstallation",{"title":25,"id":26,"canonicalKey":27,"locale":8,"draft":6,"path":28},"Build your first album","content:docs:1.start:3.build-your-first-album.md","1\u002F3","\u002Fdocs\u002Fstart\u002Fbuild-your-first-album",{"title":30,"id":31,"canonicalKey":32,"locale":8,"draft":6,"navigation":33,"path":34},"Choose a component","content:docs:1.start:4.choose-a-component.md","1\u002F4",{"title":30},"\u002Fdocs\u002Fstart\u002Fchoose-a-component",{"title":36,"id":37,"canonicalKey":38,"locale":8,"draft":6,"path":39},"Use Nuxt Photo with Vue","content:docs:1.start:5.plain-vue.md","1\u002F5","\u002Fdocs\u002Fstart\u002Fplain-vue",{"title":41,"id":42,"canonicalKey":43,"locale":8,"draft":6,"path":44},"Compare gallery approaches","content:docs:1.start:6.compare-approaches.md","1\u002F6","\u002Fdocs\u002Fstart\u002Fcompare-approaches",{"title":46,"id":47,"canonicalKey":48,"locale":8,"draft":6,"path":49},"Performance and bundle size","content:docs:1.start:7.performance-and-bundle-size.md","1\u002F7","\u002Fdocs\u002Fstart\u002Fperformance-and-bundle-size",{"title":51,"page":6,"canonicalKey":52,"locale":8,"id":53,"draft":6,"icon":54,"children":55},"Guides","2","content:docs:2.guides:.navigation.yml","i-lucide-route",[56,61,66,71,76,81,86,91,96,101,106],{"title":57,"id":58,"canonicalKey":59,"locale":8,"draft":6,"path":60},"Use CMS photos","content:docs:2.guides:1.use-cms-photos.md","2\u002F1","\u002Fdocs\u002Fguides\u002Fuse-cms-photos",{"title":62,"id":63,"canonicalKey":64,"locale":8,"draft":6,"path":65},"Use Nuxt Image","content:docs:2.guides:2.use-nuxt-image.md","2\u002F2","\u002Fdocs\u002Fguides\u002Fuse-nuxt-image",{"title":67,"id":68,"canonicalKey":69,"locale":8,"draft":6,"path":70},"Style with Tailwind","content:docs:2.guides:3.style-with-tailwind.md","2\u002F3","\u002Fdocs\u002Fguides\u002Fstyle-with-tailwind",{"title":72,"id":73,"canonicalKey":74,"locale":8,"draft":6,"path":75},"Share one lightbox","content:docs:2.guides:4.share-one-lightbox.md","2\u002F4","\u002Fdocs\u002Fguides\u002Fshare-one-lightbox",{"title":77,"id":78,"canonicalKey":79,"locale":8,"draft":6,"path":80},"Build a carousel","content:docs:2.guides:5.build-a-carousel.md","2\u002F5","\u002Fdocs\u002Fguides\u002Fbuild-a-carousel",{"title":82,"id":83,"canonicalKey":84,"locale":8,"draft":6,"path":85},"Tune responsive layouts","content:docs:2.guides:6.tune-responsive-layouts.md","2\u002F6","\u002Fdocs\u002Fguides\u002Ftune-responsive-layouts",{"title":87,"id":88,"canonicalKey":89,"locale":8,"draft":6,"path":90},"Create a custom thumbnail layout","content:docs:2.guides:7.create-a-custom-thumbnail-layout.md","2\u002F7","\u002Fdocs\u002Fguides\u002Fcreate-a-custom-thumbnail-layout",{"title":92,"id":93,"canonicalKey":94,"locale":8,"draft":6,"path":95},"Customize the built-in lightbox","content:docs:2.guides:8.customize-the-built-in-lightbox.md","2\u002F8","\u002Fdocs\u002Fguides\u002Fcustomize-the-built-in-lightbox",{"title":97,"id":98,"canonicalKey":99,"locale":8,"draft":6,"path":100},"Build a lightbox from primitives","content:docs:2.guides:9.build-a-lightbox-from-primitives.md","2\u002F9","\u002Fdocs\u002Fguides\u002Fbuild-a-lightbox-from-primitives",{"title":102,"id":103,"canonicalKey":104,"locale":8,"draft":6,"path":105},"Integrate a custom image service","content:docs:2.guides:10.integrate-a-custom-image-service.md","2\u002F10","\u002Fdocs\u002Fguides\u002Fintegrate-a-custom-image-service",{"title":107,"id":108,"canonicalKey":109,"locale":8,"draft":6,"path":110},"Control a lightbox programmatically","content:docs:2.guides:11.control-a-lightbox-programmatically.md","2\u002F11","\u002Fdocs\u002Fguides\u002Fcontrol-a-lightbox-programmatically",{"title":112,"page":6,"canonicalKey":113,"locale":8,"id":114,"draft":6,"icon":115,"children":116},"Concepts","3","content:docs:3.concepts:.navigation.yml","i-lucide-compass",[117,122,127,132,137,142,147],{"title":118,"id":119,"canonicalKey":120,"locale":8,"draft":6,"path":121},"Photo data and dimensions","content:docs:3.concepts:1.photo-data-and-dimensions.md","3\u002F1","\u002Fdocs\u002Fconcepts\u002Fphoto-data-and-dimensions",{"title":123,"id":124,"canonicalKey":125,"locale":8,"draft":6,"path":126},"Collections and navigation order","content:docs:3.concepts:2.collections-and-navigation-order.md","3\u002F2","\u002Fdocs\u002Fconcepts\u002Fcollections-and-navigation-order",{"title":128,"id":129,"canonicalKey":130,"locale":8,"draft":6,"path":131},"Layouts and responsive values","content:docs:3.concepts:3.layouts-and-responsive-values.md","3\u002F3","\u002Fdocs\u002Fconcepts\u002Flayouts-and-responsive-values",{"title":133,"id":134,"canonicalKey":135,"locale":8,"draft":6,"path":136},"SSR and layout stability","content:docs:3.concepts:4.ssr-and-layout-stability.md","3\u002F4","\u002Fdocs\u002Fconcepts\u002Fssr-and-layout-stability",{"title":138,"id":139,"canonicalKey":140,"locale":8,"draft":6,"path":141},"Image delivery","content:docs:3.concepts:5.image-delivery.md","3\u002F5","\u002Fdocs\u002Fconcepts\u002Fimage-delivery",{"title":143,"id":144,"canonicalKey":145,"locale":8,"draft":6,"path":146},"Lightbox, gestures, and accessibility","content:docs:3.concepts:6.lightbox-gestures-and-accessibility.md","3\u002F6","\u002Fdocs\u002Fconcepts\u002Flightbox-gestures-and-accessibility",{"title":148,"id":149,"canonicalKey":150,"locale":8,"draft":6,"path":151},"Customization levels","content:docs:3.concepts:7.customization-levels.md","3\u002F7","\u002Fdocs\u002Fconcepts\u002Fcustomization-levels",{"title":153,"id":154,"canonicalKey":155,"locale":8,"draft":6,"icon":156,"sidebar":11,"path":157,"children":158},"Reference","content:docs:4.reference:.navigation.yml","4","i-lucide-braces","\u002Fdocs\u002Freference",[159,164,169,174,179,184,189,194,199,204,209],{"title":160,"id":161,"canonicalKey":162,"locale":8,"draft":6,"path":163},"Photo","content:docs:4.reference:2.photo.md","4\u002F2","\u002Fdocs\u002Freference\u002Fphoto",{"title":165,"id":166,"canonicalKey":167,"locale":8,"draft":6,"path":168},"PhotoAlbum","content:docs:4.reference:3.photo-album.md","4\u002F3","\u002Fdocs\u002Freference\u002Fphoto-album",{"title":170,"id":171,"canonicalKey":172,"locale":8,"draft":6,"path":173},"PhotoGroup","content:docs:4.reference:4.photo-group.md","4\u002F4","\u002Fdocs\u002Freference\u002Fphoto-group",{"title":175,"id":176,"canonicalKey":177,"locale":8,"draft":6,"path":178},"PhotoCarousel","content:docs:4.reference:5.photo-carousel.md","4\u002F5","\u002Fdocs\u002Freference\u002Fphoto-carousel",{"title":180,"id":181,"canonicalKey":182,"locale":8,"draft":6,"path":183},"Lightbox","content:docs:4.reference:6.lightbox.md","4\u002F6","\u002Fdocs\u002Freference\u002Flightbox",{"title":185,"id":186,"canonicalKey":187,"locale":8,"draft":6,"path":188},"Lightbox primitives API","content:docs:4.reference:7.primitives.md","4\u002F7","\u002Fdocs\u002Freference\u002Fprimitives",{"title":190,"id":191,"canonicalKey":192,"locale":8,"draft":6,"path":193},"Composables","content:docs:4.reference:8.composables.md","4\u002F8","\u002Fdocs\u002Freference\u002Fcomposables",{"title":195,"id":196,"canonicalKey":197,"locale":8,"draft":6,"path":198},"Configuration and labels","content:docs:4.reference:9.configuration-and-labels.md","4\u002F9","\u002Fdocs\u002Freference\u002Fconfiguration-and-labels",{"title":200,"id":201,"canonicalKey":202,"locale":8,"draft":6,"path":203},"Types","content:docs:4.reference:10.types.md","4\u002F10","\u002Fdocs\u002Freference\u002Ftypes",{"title":205,"id":206,"canonicalKey":207,"locale":8,"draft":6,"path":208},"CSS","content:docs:4.reference:11.css.md","4\u002F11","\u002Fdocs\u002Freference\u002Fcss",{"title":210,"id":211,"canonicalKey":212,"locale":8,"draft":6,"path":213},"Package exports","content:docs:4.reference:12.package-exports.md","4\u002F12","\u002Fdocs\u002Freference\u002Fpackage-exports",{"title":215,"page":6,"canonicalKey":216,"locale":8,"id":217,"draft":6,"icon":218,"children":219},"Help","5","content:docs:5.help:.navigation.yml","i-lucide-life-buoy",[220,225,230],{"title":221,"id":222,"canonicalKey":223,"locale":8,"draft":6,"path":224},"Troubleshooting","content:docs:5.help:1.troubleshooting.md","5\u002F1","\u002Fdocs\u002Fhelp\u002Ftroubleshooting",{"title":226,"id":227,"canonicalKey":228,"locale":8,"draft":6,"path":229},"Known constraints","content:docs:5.help:2.known-constraints.md","5\u002F2","\u002Fdocs\u002Fhelp\u002Fknown-constraints",{"title":231,"id":232,"canonicalKey":233,"locale":8,"draft":6,"path":234},"Upgrade from 0.2 to 1.0","content:docs:5.help:3.upgrade-from-0-2-to-1-0.md","5\u002F3","\u002Fdocs\u002Fhelp\u002Fupgrade-from-0-2-to-1-0",{"title":123,"description":236,"body":237,"type":451,"id":124,"canonicalKey":125,"draft":6,"partial":6,"locale":8,"collection":452,"navigationFile":6,"file":453,"route":459,"resolution":461},"One explicit collection owns photo identity and lightbox navigation order.",{"type":238,"children":239,"toc":444},"root",[240,248,252,259,384,396,401,407,432],{"type":241,"tag":242,"props":243,"children":244},"element","p",{},[245],{"type":246,"value":247},"text","Each lightbox provider owns one ordered photo collection. Thumbnails can appear\nin several child components, but those children do not create navigation order.",{"type":241,"tag":249,"props":250,"children":251},"collection-ownership-lab",{},[],{"type":241,"tag":253,"props":254,"children":256},"h2",{"id":255},"photogroup-owns-the-collection",[257],{"type":246,"value":258},"PhotoGroup owns the collection",{"type":241,"tag":260,"props":261,"children":264},"pre",{"language":262,"class":263},"vue","shiki shiki-themes material-theme-lighter material-theme-palenight dark:material-theme-palenight",[265],{"type":241,"tag":266,"props":267,"children":269},"code",{"class":268},"language-vue",[270,348,350,358,359,367,368],{"type":241,"tag":271,"props":272,"children":275},"span",{"class":273,"style":274},"line","display: inline",[276,282,287,292,298,303,308,314,319,324,329,334,339,343],{"type":241,"tag":271,"props":277,"children":279},{"style":278},"color:#39ADB5;--shiki-dark:#89DDFF",[280],{"type":246,"value":281},"\u003C",{"type":241,"tag":271,"props":283,"children":285},{"style":284},"color:#E53935;--shiki-dark:#F07178",[286],{"type":246,"value":170},{"type":241,"tag":271,"props":288,"children":289},{"style":278},[290],{"type":246,"value":291}," :",{"type":241,"tag":271,"props":293,"children":295},{"style":294},"color:#9C3EDA;--shiki-dark:#C792EA",[296],{"type":246,"value":297},"photos",{"type":241,"tag":271,"props":299,"children":300},{"style":278},[301],{"type":246,"value":302},"=",{"type":241,"tag":271,"props":304,"children":305},{"style":278},[306],{"type":246,"value":307},"\"",{"type":241,"tag":271,"props":309,"children":311},{"style":310},"color:#90A4AE;--shiki-dark:#BABED8",[312],{"type":246,"value":313},"[",{"type":241,"tag":271,"props":315,"children":316},{"style":278},[317],{"type":246,"value":318},"...",{"type":241,"tag":271,"props":320,"children":321},{"style":310},[322],{"type":246,"value":323},"landscapes",{"type":241,"tag":271,"props":325,"children":326},{"style":278},[327],{"type":246,"value":328},",",{"type":241,"tag":271,"props":330,"children":331},{"style":278},[332],{"type":246,"value":333}," ...",{"type":241,"tag":271,"props":335,"children":336},{"style":310},[337],{"type":246,"value":338},"portraits]",{"type":241,"tag":271,"props":340,"children":341},{"style":278},[342],{"type":246,"value":307},{"type":241,"tag":271,"props":344,"children":345},{"style":278},[346],{"type":246,"value":347},">",{"type":246,"value":349},"\n",{"type":241,"tag":271,"props":351,"children":352},{"class":273,"style":274},[353],{"type":241,"tag":271,"props":354,"children":355},{"style":310},[356],{"type":246,"value":357},"  \u003CPhotoAlbum :photos=\"landscapes\" \u002F>",{"type":246,"value":349},{"type":241,"tag":271,"props":360,"children":361},{"class":273,"style":274},[362],{"type":241,"tag":271,"props":363,"children":364},{"style":310},[365],{"type":246,"value":366},"  \u003CPhotoAlbum :photos=\"portraits\" \u002F>",{"type":246,"value":349},{"type":241,"tag":271,"props":369,"children":370},{"class":273,"style":274},[371,376,380],{"type":241,"tag":271,"props":372,"children":373},{"style":278},[374],{"type":246,"value":375},"\u003C\u002F",{"type":241,"tag":271,"props":377,"children":378},{"style":284},[379],{"type":246,"value":170},{"type":241,"tag":271,"props":381,"children":382},{"style":278},[383],{"type":246,"value":347},{"type":241,"tag":242,"props":385,"children":386},{},[387,389,394],{"type":246,"value":388},"The ",{"type":241,"tag":266,"props":390,"children":391},{},[392],{"type":246,"value":393},"PhotoGroup.photos",{"type":246,"value":395}," array defines the previous and next sequence. Each\ndescendant registers its thumbnail element and any custom slide renderer by\nphoto ID.",{"type":241,"tag":242,"props":397,"children":398},{},[399],{"type":246,"value":400},"This explicit order matters because DOM order can change when responsive\nsections move, conditional components mount, or keyed lists reorder.",{"type":241,"tag":253,"props":402,"children":404},{"id":403},"collection-rules",[405],{"type":246,"value":406},"Collection rules",{"type":241,"tag":408,"props":409,"children":410},"ul",{},[411,417,422,427],{"type":241,"tag":412,"props":413,"children":414},"li",{},[415],{"type":246,"value":416},"Every ID is a non-empty string and is unique in the collection.",{"type":241,"tag":412,"props":418,"children":419},{},[420],{"type":246,"value":421},"Every descendant photo ID exists in the group collection.",{"type":241,"tag":412,"props":423,"children":424},{},[425],{"type":246,"value":426},"One ID cannot register competing custom slide renderers.",{"type":241,"tag":412,"props":428,"children":429},{},[430],{"type":246,"value":431},"One active provider owns modal focus and page isolation.",{"type":241,"tag":242,"props":433,"children":434},{},[435,437,442],{"type":246,"value":436},"When an album is inside a group, its exposed ",{"type":241,"tag":266,"props":438,"children":439},{},[440],{"type":246,"value":441},"open(index)",{"type":246,"value":443}," method translates\nthe local album item to its stable ID before opening the group lightbox.",{"title":445,"searchDepth":446,"depth":446,"links":447},"",4,[448,450],{"id":255,"depth":449,"text":258},2,{"id":403,"depth":449,"text":406},"markdown","docs",{"source":454,"path":455,"stem":456,"dir":457,"extension":458},"content","docs\u002F3.concepts\u002F2.collections-and-navigation-order.md","docs\u002F3.concepts\u002F2.collections-and-navigation-order","concepts","md",{"requestedPath":126,"resolvedPath":126,"alternates":460},[],{"requested":462,"resolved":463,"usedFallback":6},{},{"locale":8},{"previous":465,"next":466},{"title":118,"id":119,"canonicalKey":120,"locale":8,"draft":6,"path":121},{"title":128,"id":129,"canonicalKey":130,"locale":8,"draft":6,"path":131},{"left":468,"top":468,"width":469,"height":470,"rotate":468,"vFlip":6,"hFlip":6,"body":471},0,256,221,"\u003Cpath fill=\"#41b883\" d=\"M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0z\"\u002F>\u003Cpath fill=\"#41b883\" d=\"m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0z\"\u002F>\u003Cpath fill=\"#35495e\" d=\"M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0z\"\u002F>",{"left":468,"top":468,"width":473,"height":473,"rotate":468,"vFlip":6,"hFlip":6,"body":474},24,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\u002F>\u003Cpath d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\u002F>\u003C\u002Fg>",1788702883246]