[{"data":1,"prerenderedAt":1161},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:BIXdZt5LpO3y_gLzvcRXqxROx0Mx2Zy7jw0qa5PlKUM":235,"content-page-surround:docs:BIXdZt5LpO3y_gLzvcRXqxROx0Mx2Zy7jw0qa5PlKUM":1151,"i-logos:typescript-icon":1154,"i-lucide:clipboard":1158},[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":118,"description":236,"body":237,"type":1138,"id":119,"canonicalKey":120,"draft":6,"partial":6,"locale":8,"collection":1139,"navigationFile":6,"file":1140,"route":1146,"resolution":1148},"Use one stable photo shape for layout, navigation, and image delivery.",{"type":238,"children":239,"toc":1130},"root",[240,256,260,325,332,488,580,585,598,604,737,742,748,760,1125],{"type":241,"tag":242,"props":243,"children":244},"element","p",{},[245,248,254],{"type":246,"value":247},"text","Nuxt Photo accepts one public photo shape: ",{"type":241,"tag":249,"props":250,"children":251},"code",{},[252],{"type":246,"value":253},"PhotoItem",{"type":246,"value":255},".",{"type":241,"tag":257,"props":258,"children":259},"photo-model-lab",{},[],{"type":241,"tag":261,"props":262,"children":265},"pre",{"language":263,"class":264},"ts","shiki shiki-themes material-theme-lighter material-theme-palenight dark:material-theme-palenight",[266],{"type":241,"tag":249,"props":267,"children":269},{"class":268},"language-ts",[270],{"type":241,"tag":271,"props":272,"children":275},"span",{"class":273,"style":274},"line","display: inline",[276,282,287,293,299,304,309,314,320],{"type":241,"tag":271,"props":277,"children":279},{"style":278},"color:#39ADB5;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[280],{"type":246,"value":281},"import",{"type":241,"tag":271,"props":283,"children":284},{"style":278},[285],{"type":246,"value":286}," type",{"type":241,"tag":271,"props":288,"children":290},{"style":289},"color:#39ADB5;--shiki-dark:#89DDFF",[291],{"type":246,"value":292}," {",{"type":241,"tag":271,"props":294,"children":296},{"style":295},"color:#90A4AE;--shiki-dark:#BABED8",[297],{"type":246,"value":298}," PhotoItem",{"type":241,"tag":271,"props":300,"children":301},{"style":289},[302],{"type":246,"value":303}," }",{"type":241,"tag":271,"props":305,"children":306},{"style":278},[307],{"type":246,"value":308}," from",{"type":241,"tag":271,"props":310,"children":311},{"style":289},[312],{"type":246,"value":313}," '",{"type":241,"tag":271,"props":315,"children":317},{"style":316},"color:#91B859;--shiki-dark:#C3E88D",[318],{"type":246,"value":319},"@lupinum\u002Fnuxt-photo\u002Fapp",{"type":241,"tag":271,"props":321,"children":322},{"style":289},[323],{"type":246,"value":324},"'",{"type":241,"tag":326,"props":327,"children":329},"h2",{"id":328},"required-fields",[330],{"type":246,"value":331},"Required fields",{"type":241,"tag":261,"props":333,"children":334},{"language":263,"class":264},[335],{"type":241,"tag":249,"props":336,"children":337},{"class":268},[338,371,373,404,405,434,435,457,458,479,480],{"type":241,"tag":271,"props":339,"children":340},{"class":273,"style":274},[341,347,352,357,362,367],{"type":241,"tag":271,"props":342,"children":344},{"style":343},"color:#9C3EDA;--shiki-dark:#C792EA",[345],{"type":246,"value":346},"const",{"type":241,"tag":271,"props":348,"children":349},{"style":295},[350],{"type":246,"value":351}," photo",{"type":241,"tag":271,"props":353,"children":354},{"style":289},[355],{"type":246,"value":356},":",{"type":241,"tag":271,"props":358,"children":360},{"style":359},"color:#E2931D;--shiki-dark:#FFCB6B",[361],{"type":246,"value":298},{"type":241,"tag":271,"props":363,"children":364},{"style":289},[365],{"type":246,"value":366}," =",{"type":241,"tag":271,"props":368,"children":369},{"style":289},[370],{"type":246,"value":292},{"type":246,"value":372},"\n",{"type":241,"tag":271,"props":374,"children":375},{"class":273,"style":274},[376,382,386,390,395,399],{"type":241,"tag":271,"props":377,"children":379},{"style":378},"color:#E53935;--shiki-dark:#F07178",[380],{"type":246,"value":381},"  id",{"type":241,"tag":271,"props":383,"children":384},{"style":289},[385],{"type":246,"value":356},{"type":241,"tag":271,"props":387,"children":388},{"style":289},[389],{"type":246,"value":313},{"type":241,"tag":271,"props":391,"children":392},{"style":316},[393],{"type":246,"value":394},"alpine-lake",{"type":241,"tag":271,"props":396,"children":397},{"style":289},[398],{"type":246,"value":324},{"type":241,"tag":271,"props":400,"children":401},{"style":289},[402],{"type":246,"value":403},",",{"type":246,"value":372},{"type":241,"tag":271,"props":406,"children":407},{"class":273,"style":274},[408,413,417,421,426,430],{"type":241,"tag":271,"props":409,"children":410},{"style":378},[411],{"type":246,"value":412},"  src",{"type":241,"tag":271,"props":414,"children":415},{"style":289},[416],{"type":246,"value":356},{"type":241,"tag":271,"props":418,"children":419},{"style":289},[420],{"type":246,"value":313},{"type":241,"tag":271,"props":422,"children":423},{"style":316},[424],{"type":246,"value":425},"\u002Fphotos\u002Falpine-lake.jpg",{"type":241,"tag":271,"props":427,"children":428},{"style":289},[429],{"type":246,"value":324},{"type":241,"tag":271,"props":431,"children":432},{"style":289},[433],{"type":246,"value":403},{"type":246,"value":372},{"type":241,"tag":271,"props":436,"children":437},{"class":273,"style":274},[438,443,447,453],{"type":241,"tag":271,"props":439,"children":440},{"style":378},[441],{"type":246,"value":442},"  width",{"type":241,"tag":271,"props":444,"children":445},{"style":289},[446],{"type":246,"value":356},{"type":241,"tag":271,"props":448,"children":450},{"style":449},"color:#F76D47;--shiki-dark:#F78C6C",[451],{"type":246,"value":452}," 1600",{"type":241,"tag":271,"props":454,"children":455},{"style":289},[456],{"type":246,"value":403},{"type":246,"value":372},{"type":241,"tag":271,"props":459,"children":460},{"class":273,"style":274},[461,466,470,475],{"type":241,"tag":271,"props":462,"children":463},{"style":378},[464],{"type":246,"value":465},"  height",{"type":241,"tag":271,"props":467,"children":468},{"style":289},[469],{"type":246,"value":356},{"type":241,"tag":271,"props":471,"children":472},{"style":449},[473],{"type":246,"value":474}," 1067",{"type":241,"tag":271,"props":476,"children":477},{"style":289},[478],{"type":246,"value":403},{"type":246,"value":372},{"type":241,"tag":271,"props":481,"children":482},{"class":273,"style":274},[483],{"type":241,"tag":271,"props":484,"children":485},{"style":289},[486],{"type":246,"value":487},"}",{"type":241,"tag":489,"props":490,"children":491},"table",{},[492,511],{"type":241,"tag":493,"props":494,"children":495},"thead",{},[496],{"type":241,"tag":497,"props":498,"children":499},"tr",{},[500,506],{"type":241,"tag":501,"props":502,"children":503},"th",{},[504],{"type":246,"value":505},"Field",{"type":241,"tag":501,"props":507,"children":508},{},[509],{"type":246,"value":510},"Requirement",{"type":241,"tag":512,"props":513,"children":514},"tbody",{},[515,532,548,564],{"type":241,"tag":497,"props":516,"children":517},{},[518,527],{"type":241,"tag":519,"props":520,"children":521},"td",{},[522],{"type":241,"tag":249,"props":523,"children":524},{},[525],{"type":246,"value":526},"id",{"type":241,"tag":519,"props":528,"children":529},{},[530],{"type":246,"value":531},"A non-empty string that is unique in the current collection.",{"type":241,"tag":497,"props":533,"children":534},{},[535,543],{"type":241,"tag":519,"props":536,"children":537},{},[538],{"type":241,"tag":249,"props":539,"children":540},{},[541],{"type":246,"value":542},"src",{"type":241,"tag":519,"props":544,"children":545},{},[546],{"type":246,"value":547},"The full image URL used by the lightbox.",{"type":241,"tag":497,"props":549,"children":550},{},[551,559],{"type":241,"tag":519,"props":552,"children":553},{},[554],{"type":241,"tag":249,"props":555,"children":556},{},[557],{"type":246,"value":558},"width",{"type":241,"tag":519,"props":560,"children":561},{},[562],{"type":246,"value":563},"The intrinsic pixel width. It must be positive and finite.",{"type":241,"tag":497,"props":565,"children":566},{},[567,575],{"type":241,"tag":519,"props":568,"children":569},{},[570],{"type":241,"tag":249,"props":571,"children":572},{},[573],{"type":246,"value":574},"height",{"type":241,"tag":519,"props":576,"children":577},{},[578],{"type":246,"value":579},"The intrinsic pixel height. It must be positive and finite.",{"type":241,"tag":242,"props":581,"children":582},{},[583],{"type":246,"value":584},"Intrinsic dimensions describe the source file, not its displayed CSS size.\nThey let Nuxt Photo calculate the layout and reserve space before the image\nloads. Do not use array positions as IDs or approximate dimensions.",{"type":241,"tag":242,"props":586,"children":587},{},[588,590,596],{"type":246,"value":589},"If a CMS omits dimensions, calculate them during upload or server-side\ningestion. The ",{"type":241,"tag":591,"props":592,"children":593},"a",{"href":60},[594],{"type":246,"value":595},"CMS guide",{"type":246,"value":597}," shows one approach.",{"type":241,"tag":326,"props":599,"children":601},{"id":600},"optional-fields",[602],{"type":246,"value":603},"Optional fields",{"type":241,"tag":489,"props":605,"children":606},{},[607,622],{"type":241,"tag":493,"props":608,"children":609},{},[610],{"type":241,"tag":497,"props":611,"children":612},{},[613,617],{"type":241,"tag":501,"props":614,"children":615},{},[616],{"type":246,"value":505},{"type":241,"tag":501,"props":618,"children":619},{},[620],{"type":246,"value":621},"Purpose",{"type":241,"tag":512,"props":623,"children":624},{},[625,641,657,673,689,705,721],{"type":241,"tag":497,"props":626,"children":627},{},[628,636],{"type":241,"tag":519,"props":629,"children":630},{},[631],{"type":241,"tag":249,"props":632,"children":633},{},[634],{"type":246,"value":635},"alt",{"type":241,"tag":519,"props":637,"children":638},{},[639],{"type":246,"value":640},"Alternative text for the thumbnail and lightbox image.",{"type":241,"tag":497,"props":642,"children":643},{},[644,652],{"type":241,"tag":519,"props":645,"children":646},{},[647],{"type":241,"tag":249,"props":648,"children":649},{},[650],{"type":246,"value":651},"caption",{"type":241,"tag":519,"props":653,"children":654},{},[655],{"type":246,"value":656},"Short visible text for the photo.",{"type":241,"tag":497,"props":658,"children":659},{},[660,668],{"type":241,"tag":519,"props":661,"children":662},{},[663],{"type":241,"tag":249,"props":664,"children":665},{},[666],{"type":246,"value":667},"description",{"type":241,"tag":519,"props":669,"children":670},{},[671],{"type":246,"value":672},"Longer visible text in the included lightbox.",{"type":241,"tag":497,"props":674,"children":675},{},[676,684],{"type":241,"tag":519,"props":677,"children":678},{},[679],{"type":241,"tag":249,"props":680,"children":681},{},[682],{"type":246,"value":683},"thumbSrc",{"type":241,"tag":519,"props":685,"children":686},{},[687],{"type":246,"value":688},"A smaller image URL for thumbnails.",{"type":241,"tag":497,"props":690,"children":691},{},[692,700],{"type":241,"tag":519,"props":693,"children":694},{},[695],{"type":241,"tag":249,"props":696,"children":697},{},[698],{"type":246,"value":699},"placeholderSrc",{"type":241,"tag":519,"props":701,"children":702},{},[703],{"type":246,"value":704},"A low-quality preview shown until the requested image loads.",{"type":241,"tag":497,"props":706,"children":707},{},[708,716],{"type":241,"tag":519,"props":709,"children":710},{},[711],{"type":241,"tag":249,"props":712,"children":713},{},[714],{"type":246,"value":715},"srcset",{"type":241,"tag":519,"props":717,"children":718},{},[719],{"type":246,"value":720},"Native responsive image candidates.",{"type":241,"tag":497,"props":722,"children":723},{},[724,732],{"type":241,"tag":519,"props":725,"children":726},{},[727],{"type":241,"tag":249,"props":728,"children":729},{},[730],{"type":246,"value":731},"meta",{"type":241,"tag":519,"props":733,"children":734},{},[735],{"type":246,"value":736},"Typed application data passed through to slots and adapters.",{"type":241,"tag":242,"props":738,"children":739},{},[740],{"type":246,"value":741},"The placeholder resets when the resolved image request changes. It remains\nvisible when that image fails to load.",{"type":241,"tag":326,"props":743,"children":745},{"id":744},"map-external-data-once",[746],{"type":246,"value":747},"Map external data once",{"type":241,"tag":242,"props":749,"children":750},{},[751,753,758],{"type":246,"value":752},"Convert CMS or API records at your application boundary. Rendering components\nshould receive ",{"type":241,"tag":249,"props":754,"children":755},{},[756],{"type":246,"value":757},"PhotoItem[]",{"type":246,"value":759}," instead of knowing each source format.",{"type":241,"tag":261,"props":761,"children":762},{"language":263,"class":264},[763],{"type":241,"tag":249,"props":764,"children":765},{"class":268},[766,833,834,868,869,907,908,943,944,979,980,1023,1024,1075,1076],{"type":241,"tag":271,"props":767,"children":768},{"class":273,"style":274},[769,773,778,783,788,792,798,803,807,813,818,823,828],{"type":241,"tag":271,"props":770,"children":771},{"style":343},[772],{"type":246,"value":346},{"type":241,"tag":271,"props":774,"children":775},{"style":295},[776],{"type":246,"value":777}," photos ",{"type":241,"tag":271,"props":779,"children":780},{"style":289},[781],{"type":246,"value":782},"=",{"type":241,"tag":271,"props":784,"children":785},{"style":295},[786],{"type":246,"value":787}," records",{"type":241,"tag":271,"props":789,"children":790},{"style":289},[791],{"type":246,"value":255},{"type":241,"tag":271,"props":793,"children":795},{"style":794},"color:#6182B8;--shiki-dark:#82AAFF",[796],{"type":246,"value":797},"map",{"type":241,"tag":271,"props":799,"children":800},{"style":295},[801],{"type":246,"value":802},"(",{"type":241,"tag":271,"props":804,"children":805},{"style":289},[806],{"type":246,"value":802},{"type":241,"tag":271,"props":808,"children":810},{"style":809},"color:#90A4AE;--shiki-light-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[811],{"type":246,"value":812},"record",{"type":241,"tag":271,"props":814,"children":815},{"style":289},[816],{"type":246,"value":817},")",{"type":241,"tag":271,"props":819,"children":820},{"style":343},[821],{"type":246,"value":822}," =>",{"type":241,"tag":271,"props":824,"children":825},{"style":295},[826],{"type":246,"value":827}," (",{"type":241,"tag":271,"props":829,"children":830},{"style":289},[831],{"type":246,"value":832},"{",{"type":246,"value":372},{"type":241,"tag":271,"props":835,"children":836},{"class":273,"style":274},[837,841,845,850,855,859,864],{"type":241,"tag":271,"props":838,"children":839},{"style":378},[840],{"type":246,"value":381},{"type":241,"tag":271,"props":842,"children":843},{"style":289},[844],{"type":246,"value":356},{"type":241,"tag":271,"props":846,"children":847},{"style":794},[848],{"type":246,"value":849}," String",{"type":241,"tag":271,"props":851,"children":852},{"style":295},[853],{"type":246,"value":854},"(record",{"type":241,"tag":271,"props":856,"children":857},{"style":289},[858],{"type":246,"value":255},{"type":241,"tag":271,"props":860,"children":861},{"style":295},[862],{"type":246,"value":863},"id)",{"type":241,"tag":271,"props":865,"children":866},{"style":289},[867],{"type":246,"value":403},{"type":246,"value":372},{"type":241,"tag":271,"props":870,"children":871},{"class":273,"style":274},[872,876,880,885,889,894,898,903],{"type":241,"tag":271,"props":873,"children":874},{"style":378},[875],{"type":246,"value":412},{"type":241,"tag":271,"props":877,"children":878},{"style":289},[879],{"type":246,"value":356},{"type":241,"tag":271,"props":881,"children":882},{"style":295},[883],{"type":246,"value":884}," record",{"type":241,"tag":271,"props":886,"children":887},{"style":289},[888],{"type":246,"value":255},{"type":241,"tag":271,"props":890,"children":891},{"style":295},[892],{"type":246,"value":893},"image",{"type":241,"tag":271,"props":895,"children":896},{"style":289},[897],{"type":246,"value":255},{"type":241,"tag":271,"props":899,"children":900},{"style":295},[901],{"type":246,"value":902},"url",{"type":241,"tag":271,"props":904,"children":905},{"style":289},[906],{"type":246,"value":403},{"type":246,"value":372},{"type":241,"tag":271,"props":909,"children":910},{"class":273,"style":274},[911,915,919,923,927,931,935,939],{"type":241,"tag":271,"props":912,"children":913},{"style":378},[914],{"type":246,"value":442},{"type":241,"tag":271,"props":916,"children":917},{"style":289},[918],{"type":246,"value":356},{"type":241,"tag":271,"props":920,"children":921},{"style":295},[922],{"type":246,"value":884},{"type":241,"tag":271,"props":924,"children":925},{"style":289},[926],{"type":246,"value":255},{"type":241,"tag":271,"props":928,"children":929},{"style":295},[930],{"type":246,"value":893},{"type":241,"tag":271,"props":932,"children":933},{"style":289},[934],{"type":246,"value":255},{"type":241,"tag":271,"props":936,"children":937},{"style":295},[938],{"type":246,"value":558},{"type":241,"tag":271,"props":940,"children":941},{"style":289},[942],{"type":246,"value":403},{"type":246,"value":372},{"type":241,"tag":271,"props":945,"children":946},{"class":273,"style":274},[947,951,955,959,963,967,971,975],{"type":241,"tag":271,"props":948,"children":949},{"style":378},[950],{"type":246,"value":465},{"type":241,"tag":271,"props":952,"children":953},{"style":289},[954],{"type":246,"value":356},{"type":241,"tag":271,"props":956,"children":957},{"style":295},[958],{"type":246,"value":884},{"type":241,"tag":271,"props":960,"children":961},{"style":289},[962],{"type":246,"value":255},{"type":241,"tag":271,"props":964,"children":965},{"style":295},[966],{"type":246,"value":893},{"type":241,"tag":271,"props":968,"children":969},{"style":289},[970],{"type":246,"value":255},{"type":241,"tag":271,"props":972,"children":973},{"style":295},[974],{"type":246,"value":574},{"type":241,"tag":271,"props":976,"children":977},{"style":289},[978],{"type":246,"value":403},{"type":246,"value":372},{"type":241,"tag":271,"props":981,"children":982},{"class":273,"style":274},[983,988,992,996,1000,1004,1008,1013,1018],{"type":241,"tag":271,"props":984,"children":985},{"style":378},[986],{"type":246,"value":987},"  alt",{"type":241,"tag":271,"props":989,"children":990},{"style":289},[991],{"type":246,"value":356},{"type":241,"tag":271,"props":993,"children":994},{"style":295},[995],{"type":246,"value":884},{"type":241,"tag":271,"props":997,"children":998},{"style":289},[999],{"type":246,"value":255},{"type":241,"tag":271,"props":1001,"children":1002},{"style":295},[1003],{"type":246,"value":893},{"type":241,"tag":271,"props":1005,"children":1006},{"style":289},[1007],{"type":246,"value":255},{"type":241,"tag":271,"props":1009,"children":1010},{"style":295},[1011],{"type":246,"value":1012},"alt ",{"type":241,"tag":271,"props":1014,"children":1015},{"style":289},[1016],{"type":246,"value":1017},"??",{"type":241,"tag":271,"props":1019,"children":1020},{"style":289},[1021],{"type":246,"value":1022}," undefined,",{"type":246,"value":372},{"type":241,"tag":271,"props":1025,"children":1026},{"class":273,"style":274},[1027,1032,1036,1040,1045,1049,1053,1057,1061,1065,1070],{"type":241,"tag":271,"props":1028,"children":1029},{"style":378},[1030],{"type":246,"value":1031},"  meta",{"type":241,"tag":271,"props":1033,"children":1034},{"style":289},[1035],{"type":246,"value":356},{"type":241,"tag":271,"props":1037,"children":1038},{"style":289},[1039],{"type":246,"value":292},{"type":241,"tag":271,"props":1041,"children":1042},{"style":378},[1043],{"type":246,"value":1044}," credit",{"type":241,"tag":271,"props":1046,"children":1047},{"style":289},[1048],{"type":246,"value":356},{"type":241,"tag":271,"props":1050,"children":1051},{"style":295},[1052],{"type":246,"value":884},{"type":241,"tag":271,"props":1054,"children":1055},{"style":289},[1056],{"type":246,"value":255},{"type":241,"tag":271,"props":1058,"children":1059},{"style":295},[1060],{"type":246,"value":893},{"type":241,"tag":271,"props":1062,"children":1063},{"style":289},[1064],{"type":246,"value":255},{"type":241,"tag":271,"props":1066,"children":1067},{"style":295},[1068],{"type":246,"value":1069},"credit ",{"type":241,"tag":271,"props":1071,"children":1072},{"style":289},[1073],{"type":246,"value":1074},"},",{"type":246,"value":372},{"type":241,"tag":271,"props":1077,"children":1078},{"class":273,"style":274},[1079,1083,1088,1093,1097,1102,1106,1110,1115,1120],{"type":241,"tag":271,"props":1080,"children":1081},{"style":289},[1082],{"type":246,"value":487},{"type":241,"tag":271,"props":1084,"children":1085},{"style":295},[1086],{"type":246,"value":1087},")) ",{"type":241,"tag":271,"props":1089,"children":1090},{"style":278},[1091],{"type":246,"value":1092},"satisfies",{"type":241,"tag":271,"props":1094,"children":1095},{"style":359},[1096],{"type":246,"value":298},{"type":241,"tag":271,"props":1098,"children":1099},{"style":289},[1100],{"type":246,"value":1101},"\u003C{",{"type":241,"tag":271,"props":1103,"children":1104},{"style":378},[1105],{"type":246,"value":1044},{"type":241,"tag":271,"props":1107,"children":1108},{"style":289},[1109],{"type":246,"value":356},{"type":241,"tag":271,"props":1111,"children":1112},{"style":359},[1113],{"type":246,"value":1114}," string",{"type":241,"tag":271,"props":1116,"children":1117},{"style":289},[1118],{"type":246,"value":1119}," }>",{"type":241,"tag":271,"props":1121,"children":1122},{"style":295},[1123],{"type":246,"value":1124},"[]",{"type":241,"tag":242,"props":1126,"children":1127},{},[1128],{"type":246,"value":1129},"This mapping gives layout, navigation, and image delivery one source of truth.",{"title":1131,"searchDepth":1132,"depth":1132,"links":1133},"",4,[1134,1136,1137],{"id":328,"depth":1135,"text":331},2,{"id":600,"depth":1135,"text":603},{"id":744,"depth":1135,"text":747},"markdown","docs",{"source":1141,"path":1142,"stem":1143,"dir":1144,"extension":1145},"content","docs\u002F3.concepts\u002F1.photo-data-and-dimensions.md","docs\u002F3.concepts\u002F1.photo-data-and-dimensions","concepts","md",{"requestedPath":121,"resolvedPath":121,"alternates":1147},[],{"requested":1149,"resolved":1150,"usedFallback":6},{},{"locale":8},{"previous":1152,"next":1153},{"title":107,"id":108,"canonicalKey":109,"locale":8,"draft":6,"path":110},{"title":123,"id":124,"canonicalKey":125,"locale":8,"draft":6,"path":126},{"left":1155,"top":1155,"width":1156,"height":1156,"rotate":1155,"vFlip":6,"hFlip":6,"body":1157},0,256,"\u003Cpath fill=\"#3178c6\" d=\"M20 0h216c11.046 0 20 8.954 20 20v216c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20V20C0 8.954 8.954 0 20 0\"\u002F>\u003Cpath fill=\"#fff\" d=\"M150.518 200.475v27.62q6.738 3.453 15.938 5.179T185.849 235q9.934 0 18.874-1.899t15.678-6.257q6.738-4.359 10.669-11.394q3.93-7.033 3.93-17.391q0-7.51-2.246-13.163a30.8 30.8 0 0 0-6.479-10.055q-4.232-4.402-10.149-7.898t-13.347-6.602q-5.442-2.245-9.761-4.359t-7.342-4.316q-3.024-2.2-4.665-4.661t-1.641-5.567q0-2.848 1.468-5.135q1.469-2.288 4.147-3.927t6.565-2.547q3.887-.906 8.638-.906q3.456 0 7.299.518q3.844.517 7.732 1.597a54 54 0 0 1 7.558 2.719a41.7 41.7 0 0 1 6.781 3.797v-25.807q-6.306-2.417-13.778-3.582T198.633 107q-9.847 0-18.658 2.115q-8.811 2.114-15.506 6.602q-6.694 4.49-10.582 11.437Q150 134.102 150 143.769q0 12.342 7.127 21.06t21.638 14.759a292 292 0 0 1 10.625 4.575q4.924 2.244 8.509 4.66t5.658 5.265t2.073 6.474a9.9 9.9 0 0 1-1.296 4.963q-1.295 2.287-3.93 3.97t-6.565 2.632t-9.2.95q-8.983 0-17.794-3.151t-16.327-9.451m-46.036-68.733H140V109H41v22.742h35.345V233h28.137z\"\u002F>",{"left":1155,"top":1155,"width":1159,"height":1159,"rotate":1155,"vFlip":6,"hFlip":6,"body":1160},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>",1788702882932]