[{"data":1,"prerenderedAt":1240},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:AjLO5enDCIguVyLcf-zQiPnkOWJfJPx9kTHu9_-Bz64":235,"content-page-surround:docs:AjLO5enDCIguVyLcf-zQiPnkOWJfJPx9kTHu9_-Bz64":1226,"i-logos:nuxt-icon":1229,"i-logos:vue":1234,"i-lucide:clipboard":1237},[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":221,"description":236,"body":237,"type":1213,"id":222,"canonicalKey":223,"draft":6,"partial":6,"locale":8,"collection":1214,"navigationFile":6,"file":1215,"route":1221,"resolution":1223},"Fix common Nuxt Photo problems by starting with the visible symptom.",{"type":238,"children":239,"toc":1197},"root",[240,249,255,408,434,440,475,508,514,536,650,655,661,691,696,791,800,806,818,923,949,955,979,984,990,1009,1015,1034,1040,1051,1063,1069,1087,1157,1174,1180,1192],{"type":241,"tag":242,"props":243,"children":245},"element","h2",{"id":244},"the-album-is-unstyled-or-moves-after-loading",[246],{"type":247,"value":248},"text","The album is unstyled or moves after loading",{"type":241,"tag":250,"props":251,"children":252},"p",{},[253],{"type":247,"value":254},"Keep the required structure CSS enabled:",{"type":241,"tag":256,"props":257,"children":261},"pre",{"language":258,"filename":259,"class":260},"ts","nuxt.config.ts","shiki shiki-themes material-theme-lighter material-theme-palenight dark:material-theme-palenight",[262],{"type":241,"tag":263,"props":264,"children":266},"code",{"class":265},"language-ts",[267,302,304,348,349,394,395],{"type":241,"tag":268,"props":269,"children":272},"span",{"class":270,"style":271},"line","display: inline",[273,279,284,290,296],{"type":241,"tag":268,"props":274,"children":276},{"style":275},"color:#39ADB5;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[277],{"type":247,"value":278},"export",{"type":241,"tag":268,"props":280,"children":281},{"style":275},[282],{"type":247,"value":283}," default",{"type":241,"tag":268,"props":285,"children":287},{"style":286},"color:#6182B8;--shiki-dark:#82AAFF",[288],{"type":247,"value":289}," defineNuxtConfig",{"type":241,"tag":268,"props":291,"children":293},{"style":292},"color:#90A4AE;--shiki-dark:#BABED8",[294],{"type":247,"value":295},"(",{"type":241,"tag":268,"props":297,"children":299},{"style":298},"color:#39ADB5;--shiki-dark:#89DDFF",[300],{"type":247,"value":301},"{",{"type":247,"value":303},"\n",{"type":241,"tag":268,"props":305,"children":306},{"class":270,"style":271},[307,313,318,323,328,334,338,343],{"type":241,"tag":268,"props":308,"children":310},{"style":309},"color:#E53935;--shiki-dark:#F07178",[311],{"type":247,"value":312},"  modules",{"type":241,"tag":268,"props":314,"children":315},{"style":298},[316],{"type":247,"value":317},":",{"type":241,"tag":268,"props":319,"children":320},{"style":292},[321],{"type":247,"value":322}," [",{"type":241,"tag":268,"props":324,"children":325},{"style":298},[326],{"type":247,"value":327},"'",{"type":241,"tag":268,"props":329,"children":331},{"style":330},"color:#91B859;--shiki-dark:#C3E88D",[332],{"type":247,"value":333},"@lupinum\u002Fnuxt-photo",{"type":241,"tag":268,"props":335,"children":336},{"style":298},[337],{"type":247,"value":327},{"type":241,"tag":268,"props":339,"children":340},{"style":292},[341],{"type":247,"value":342},"]",{"type":241,"tag":268,"props":344,"children":345},{"style":298},[346],{"type":247,"value":347},",",{"type":247,"value":303},{"type":241,"tag":268,"props":350,"children":351},{"class":270,"style":271},[352,357,361,366,371,375,380,385,389],{"type":241,"tag":268,"props":353,"children":354},{"style":309},[355],{"type":247,"value":356},"  nuxtPhoto",{"type":241,"tag":268,"props":358,"children":359},{"style":298},[360],{"type":247,"value":317},{"type":241,"tag":268,"props":362,"children":363},{"style":298},[364],{"type":247,"value":365}," {",{"type":241,"tag":268,"props":367,"children":368},{"style":309},[369],{"type":247,"value":370}," css",{"type":241,"tag":268,"props":372,"children":373},{"style":298},[374],{"type":247,"value":317},{"type":241,"tag":268,"props":376,"children":377},{"style":298},[378],{"type":247,"value":379}," '",{"type":241,"tag":268,"props":381,"children":382},{"style":330},[383],{"type":247,"value":384},"all",{"type":241,"tag":268,"props":386,"children":387},{"style":298},[388],{"type":247,"value":327},{"type":241,"tag":268,"props":390,"children":391},{"style":298},[392],{"type":247,"value":393}," },",{"type":247,"value":303},{"type":241,"tag":268,"props":396,"children":397},{"class":270,"style":271},[398,403],{"type":241,"tag":268,"props":399,"children":400},{"style":298},[401],{"type":247,"value":402},"}",{"type":241,"tag":268,"props":404,"children":405},{"style":292},[406],{"type":247,"value":407},")",{"type":241,"tag":250,"props":409,"children":410},{},[411,413,418,420,425,427,432],{"type":247,"value":412},"Use ",{"type":241,"tag":263,"props":414,"children":415},{},[416],{"type":247,"value":417},"css: 'structure'",{"type":247,"value":419}," when your own CSS supplies the visual theme. Every photo\nmust also have accurate ",{"type":241,"tag":263,"props":421,"children":422},{},[423],{"type":247,"value":424},"width",{"type":247,"value":426}," and ",{"type":241,"tag":263,"props":428,"children":429},{},[430],{"type":247,"value":431},"height",{"type":247,"value":433}," values. These values let the\nbrowser reserve space before the image loads.",{"type":241,"tag":242,"props":435,"children":437},{"id":436},"selecting-a-photo-does-not-open-a-lightbox",[438],{"type":247,"value":439},"Selecting a photo does not open a lightbox",{"type":241,"tag":250,"props":441,"children":442},{},[443,447,449,453,455,459,461,466,468,473],{"type":241,"tag":263,"props":444,"children":445},{},[446],{"type":247,"value":165},{"type":247,"value":448},", ",{"type":241,"tag":263,"props":450,"children":451},{},[452],{"type":247,"value":175},{"type":247,"value":454},", and a standalone ",{"type":241,"tag":263,"props":456,"children":457},{},[458],{"type":247,"value":160},{"type":247,"value":460}," create the required\nlightbox context by default. Lower-level components such as ",{"type":241,"tag":263,"props":462,"children":463},{},[464],{"type":247,"value":465},"PhotoTrigger",{"type":247,"value":467},"\nmust be inside ",{"type":241,"tag":263,"props":469,"children":470},{},[471],{"type":247,"value":472},"LightboxProvider",{"type":247,"value":474},".",{"type":241,"tag":250,"props":476,"children":477},{},[478,480,485,487,492,494,499,501,506],{"type":247,"value":479},"If ",{"type":241,"tag":263,"props":481,"children":482},{},[483],{"type":247,"value":484},"lightbox",{"type":247,"value":486}," was ",{"type":241,"tag":263,"props":488,"children":489},{},[490],{"type":247,"value":491},"false",{"type":247,"value":493}," when a ready-made component mounted, changing it to\n",{"type":241,"tag":263,"props":495,"children":496},{},[497],{"type":247,"value":498},"true",{"type":247,"value":500}," does not create a provider. Remount the component with a new ",{"type":241,"tag":263,"props":502,"children":503},{},[504],{"type":247,"value":505},":key",{"type":247,"value":507},", or\nmount it only after the option is known. Lightbox capability is a setup-time\noption.",{"type":241,"tag":242,"props":509,"children":511},{"id":510},"a-grouped-photo-is-missing-from-navigation",[512],{"type":247,"value":513},"A grouped photo is missing from navigation",{"type":241,"tag":250,"props":515,"children":516},{},[517,522,524,528,530,534],{"type":241,"tag":263,"props":518,"children":519},{},[520],{"type":247,"value":521},"PhotoGroup.photos",{"type":247,"value":523}," is the complete, ordered collection. Every descendant\n",{"type":241,"tag":263,"props":525,"children":526},{},[527],{"type":247,"value":160},{"type":247,"value":529}," or ",{"type":241,"tag":263,"props":531,"children":532},{},[533],{"type":247,"value":165},{"type":247,"value":535}," item must have an ID in that collection.",{"type":241,"tag":256,"props":537,"children":539},{"language":538,"class":260},"vue",[540],{"type":241,"tag":263,"props":541,"children":543},{"class":542},"language-vue",[544,615,616,624,625,633,634],{"type":241,"tag":268,"props":545,"children":546},{"class":270,"style":271},[547,552,556,561,567,572,577,582,587,592,596,601,606,610],{"type":241,"tag":268,"props":548,"children":549},{"style":298},[550],{"type":247,"value":551},"\u003C",{"type":241,"tag":268,"props":553,"children":554},{"style":309},[555],{"type":247,"value":170},{"type":241,"tag":268,"props":557,"children":558},{"style":298},[559],{"type":247,"value":560}," :",{"type":241,"tag":268,"props":562,"children":564},{"style":563},"color:#9C3EDA;--shiki-dark:#C792EA",[565],{"type":247,"value":566},"photos",{"type":241,"tag":268,"props":568,"children":569},{"style":298},[570],{"type":247,"value":571},"=",{"type":241,"tag":268,"props":573,"children":574},{"style":298},[575],{"type":247,"value":576},"\"",{"type":241,"tag":268,"props":578,"children":579},{"style":292},[580],{"type":247,"value":581},"[",{"type":241,"tag":268,"props":583,"children":584},{"style":298},[585],{"type":247,"value":586},"...",{"type":241,"tag":268,"props":588,"children":589},{"style":292},[590],{"type":247,"value":591},"landscapes",{"type":241,"tag":268,"props":593,"children":594},{"style":298},[595],{"type":247,"value":347},{"type":241,"tag":268,"props":597,"children":598},{"style":298},[599],{"type":247,"value":600}," ...",{"type":241,"tag":268,"props":602,"children":603},{"style":292},[604],{"type":247,"value":605},"portraits]",{"type":241,"tag":268,"props":607,"children":608},{"style":298},[609],{"type":247,"value":576},{"type":241,"tag":268,"props":611,"children":612},{"style":298},[613],{"type":247,"value":614},">",{"type":247,"value":303},{"type":241,"tag":268,"props":617,"children":618},{"class":270,"style":271},[619],{"type":241,"tag":268,"props":620,"children":621},{"style":292},[622],{"type":247,"value":623},"  \u003CPhotoAlbum :photos=\"landscapes\" \u002F>",{"type":247,"value":303},{"type":241,"tag":268,"props":626,"children":627},{"class":270,"style":271},[628],{"type":241,"tag":268,"props":629,"children":630},{"style":292},[631],{"type":247,"value":632},"  \u003CPhotoAlbum :photos=\"portraits\" \u002F>",{"type":247,"value":303},{"type":241,"tag":268,"props":635,"children":636},{"class":270,"style":271},[637,642,646],{"type":241,"tag":268,"props":638,"children":639},{"style":298},[640],{"type":247,"value":641},"\u003C\u002F",{"type":241,"tag":268,"props":643,"children":644},{"style":309},[645],{"type":247,"value":170},{"type":241,"tag":268,"props":647,"children":648},{"style":298},[649],{"type":247,"value":614},{"type":241,"tag":250,"props":651,"children":652},{},[653],{"type":247,"value":654},"Nuxt Photo warns when a descendant registers an ID that is missing from the\ngroup. It does not add that photo implicitly because DOM mount order is not a\nstable navigation order.",{"type":241,"tag":242,"props":656,"children":658},{"id":657},"photo-data-throws-an-error",[659],{"type":247,"value":660},"Photo data throws an error",{"type":241,"tag":250,"props":662,"children":663},{},[664,666,671,673,678,680,684,685,689],{"type":247,"value":665},"Check that each item has a non-empty string ",{"type":241,"tag":263,"props":667,"children":668},{},[669],{"type":247,"value":670},"id",{"type":247,"value":672},", a non-empty ",{"type":241,"tag":263,"props":674,"children":675},{},[676],{"type":247,"value":677},"src",{"type":247,"value":679},", and\npositive finite ",{"type":241,"tag":263,"props":681,"children":682},{},[683],{"type":247,"value":424},{"type":247,"value":426},{"type":241,"tag":263,"props":686,"children":687},{},[688],{"type":247,"value":431},{"type":247,"value":690}," values. IDs must be unique in a collection.",{"type":241,"tag":250,"props":692,"children":693},{},[694],{"type":247,"value":695},"Collection components can discard invalid items when losing those items is\nacceptable:",{"type":241,"tag":256,"props":697,"children":698},{"language":538,"class":260},[699],{"type":241,"tag":263,"props":700,"children":701},{"class":542},[702],{"type":241,"tag":268,"props":703,"children":704},{"class":270,"style":271},[705,709,713,717,721,725,729,733,737,742,746,750,755,759,764,769,773,777,782,786],{"type":241,"tag":268,"props":706,"children":707},{"style":298},[708],{"type":247,"value":551},{"type":241,"tag":268,"props":710,"children":711},{"style":309},[712],{"type":247,"value":165},{"type":241,"tag":268,"props":714,"children":715},{"style":298},[716],{"type":247,"value":560},{"type":241,"tag":268,"props":718,"children":719},{"style":563},[720],{"type":247,"value":566},{"type":241,"tag":268,"props":722,"children":723},{"style":298},[724],{"type":247,"value":571},{"type":241,"tag":268,"props":726,"children":727},{"style":298},[728],{"type":247,"value":576},{"type":241,"tag":268,"props":730,"children":731},{"style":292},[732],{"type":247,"value":566},{"type":241,"tag":268,"props":734,"children":735},{"style":298},[736],{"type":247,"value":576},{"type":241,"tag":268,"props":738,"children":739},{"style":563},[740],{"type":247,"value":741}," validation",{"type":241,"tag":268,"props":743,"children":744},{"style":298},[745],{"type":247,"value":571},{"type":241,"tag":268,"props":747,"children":748},{"style":298},[749],{"type":247,"value":576},{"type":241,"tag":268,"props":751,"children":752},{"style":330},[753],{"type":247,"value":754},"drop",{"type":241,"tag":268,"props":756,"children":757},{"style":298},[758],{"type":247,"value":576},{"type":241,"tag":268,"props":760,"children":761},{"style":298},[762],{"type":247,"value":763}," @",{"type":241,"tag":268,"props":765,"children":766},{"style":563},[767],{"type":247,"value":768},"invalid-photos",{"type":241,"tag":268,"props":770,"children":771},{"style":298},[772],{"type":247,"value":571},{"type":241,"tag":268,"props":774,"children":775},{"style":298},[776],{"type":247,"value":576},{"type":241,"tag":268,"props":778,"children":779},{"style":292},[780],{"type":247,"value":781},"reportInvalidPhotos",{"type":241,"tag":268,"props":783,"children":784},{"style":298},[785],{"type":247,"value":576},{"type":241,"tag":268,"props":787,"children":788},{"style":298},[789],{"type":247,"value":790}," \u002F>",{"type":241,"tag":250,"props":792,"children":793},{},[794,798],{"type":241,"tag":263,"props":795,"children":796},{},[797],{"type":247,"value":160},{"type":247,"value":799}," remains strict and always throws for invalid data.",{"type":241,"tag":242,"props":801,"children":803},{"id":802},"nuxt-image-rejects-a-remote-url",[804],{"type":247,"value":805},"Nuxt Image rejects a remote URL",{"type":241,"tag":250,"props":807,"children":808},{},[809,811,816],{"type":247,"value":810},"Add every remote image host to the Nuxt Image ",{"type":241,"tag":263,"props":812,"children":813},{},[814],{"type":247,"value":815},"domains",{"type":247,"value":817}," list. Use hostnames,\nnot complete URLs:",{"type":241,"tag":256,"props":819,"children":820},{"language":258,"filename":259,"class":260},[821],{"type":241,"tag":263,"props":822,"children":823},{"class":265},[824,847,848,864,865,902,903,911,912],{"type":241,"tag":268,"props":825,"children":826},{"class":270,"style":271},[827,831,835,839,843],{"type":241,"tag":268,"props":828,"children":829},{"style":275},[830],{"type":247,"value":278},{"type":241,"tag":268,"props":832,"children":833},{"style":275},[834],{"type":247,"value":283},{"type":241,"tag":268,"props":836,"children":837},{"style":286},[838],{"type":247,"value":289},{"type":241,"tag":268,"props":840,"children":841},{"style":292},[842],{"type":247,"value":295},{"type":241,"tag":268,"props":844,"children":845},{"style":298},[846],{"type":247,"value":301},{"type":247,"value":303},{"type":241,"tag":268,"props":849,"children":850},{"class":270,"style":271},[851,856,860],{"type":241,"tag":268,"props":852,"children":853},{"style":309},[854],{"type":247,"value":855},"  image",{"type":241,"tag":268,"props":857,"children":858},{"style":298},[859],{"type":247,"value":317},{"type":241,"tag":268,"props":861,"children":862},{"style":298},[863],{"type":247,"value":365},{"type":247,"value":303},{"type":241,"tag":268,"props":866,"children":867},{"class":270,"style":271},[868,873,877,881,885,890,894,898],{"type":241,"tag":268,"props":869,"children":870},{"style":309},[871],{"type":247,"value":872},"    domains",{"type":241,"tag":268,"props":874,"children":875},{"style":298},[876],{"type":247,"value":317},{"type":241,"tag":268,"props":878,"children":879},{"style":292},[880],{"type":247,"value":322},{"type":241,"tag":268,"props":882,"children":883},{"style":298},[884],{"type":247,"value":327},{"type":241,"tag":268,"props":886,"children":887},{"style":330},[888],{"type":247,"value":889},"images.example.com",{"type":241,"tag":268,"props":891,"children":892},{"style":298},[893],{"type":247,"value":327},{"type":241,"tag":268,"props":895,"children":896},{"style":292},[897],{"type":247,"value":342},{"type":241,"tag":268,"props":899,"children":900},{"style":298},[901],{"type":247,"value":347},{"type":247,"value":303},{"type":241,"tag":268,"props":904,"children":905},{"class":270,"style":271},[906],{"type":241,"tag":268,"props":907,"children":908},{"style":298},[909],{"type":247,"value":910},"  },",{"type":247,"value":303},{"type":241,"tag":268,"props":913,"children":914},{"class":270,"style":271},[915,919],{"type":241,"tag":268,"props":916,"children":917},{"style":298},[918],{"type":247,"value":402},{"type":241,"tag":268,"props":920,"children":921},{"style":292},[922],{"type":247,"value":407},{"type":241,"tag":250,"props":924,"children":925},{},[926,928,933,935,940,942,947],{"type":247,"value":927},"Also confirm that ",{"type":241,"tag":263,"props":929,"children":930},{},[931],{"type":247,"value":932},"@nuxt\u002Fimage",{"type":247,"value":934}," is installed and registered when you explicitly\nselect ",{"type":241,"tag":263,"props":936,"children":937},{},[938],{"type":247,"value":939},"provider: 'nuxt-image'",{"type":247,"value":941},". The default ",{"type":241,"tag":263,"props":943,"children":944},{},[945],{"type":247,"value":946},"auto",{"type":247,"value":948}," mode uses the native adapter\nwhen Nuxt Image is absent.",{"type":241,"tag":242,"props":950,"children":952},{"id":951},"a-placeholder-remains-visible",[953],{"type":247,"value":954},"A placeholder remains visible",{"type":241,"tag":250,"props":956,"children":957},{},[958,960,964,965,970,972,977],{"type":247,"value":959},"This is expected after the requested image fails. The placeholder stays behind\nthe broken request instead of leaving an empty frame. It disappears after a\nsuccessful load and resets when the adapter-resolved ",{"type":241,"tag":263,"props":961,"children":962},{},[963],{"type":247,"value":677},{"type":247,"value":448},{"type":241,"tag":263,"props":966,"children":967},{},[968],{"type":247,"value":969},"srcset",{"type":247,"value":971},", or ",{"type":241,"tag":263,"props":973,"children":974},{},[975],{"type":247,"value":976},"sizes",{"type":247,"value":978},"\nchanges.",{"type":241,"tag":250,"props":980,"children":981},{},[982],{"type":247,"value":983},"Check the final image URL in the browser network panel. A successful request is\nrequired to remove the placeholder.",{"type":241,"tag":242,"props":985,"children":987},{"id":986},"a-custom-thumbnail-ignores-image-configuration",[988],{"type":247,"value":989},"A custom thumbnail ignores image configuration",{"type":241,"tag":250,"props":991,"children":992},{},[993,995,1000,1002,1007],{"type":247,"value":994},"A raw ",{"type":241,"tag":263,"props":996,"children":997},{},[998],{"type":247,"value":999},"\u003Cimg>",{"type":247,"value":1001}," bypasses the Nuxt Photo image adapter. Render ",{"type":241,"tag":263,"props":1003,"children":1004},{},[1005],{"type":247,"value":1006},"PhotoImage",{"type":247,"value":1008}," in the\nslot when the custom thumbnail should retain native, Nuxt Image, or custom\nadapter behavior.",{"type":241,"tag":242,"props":1010,"children":1012},{"id":1011},"a-nuxt-import-fails-under-pnpm",[1013],{"type":247,"value":1014},"A Nuxt import fails under pnpm",{"type":241,"tag":250,"props":1016,"children":1017},{},[1018,1020,1025,1027,1032],{"type":247,"value":1019},"Nuxt applications should import public symbols from\n",{"type":241,"tag":263,"props":1021,"children":1022},{},[1023],{"type":247,"value":1024},"@lupinum\u002Fnuxt-photo\u002Fapp",{"type":247,"value":1026},". Importing ",{"type":241,"tag":263,"props":1028,"children":1029},{},[1030],{"type":247,"value":1031},"@lupinum\u002Fvue-photo",{"type":247,"value":1033}," directly requires that\npackage to be installed as a direct dependency.",{"type":241,"tag":242,"props":1035,"children":1037},{"id":1036},"server-and-client-html-do-not-match",[1038],{"type":247,"value":1039},"Server and client HTML do not match",{"type":241,"tag":250,"props":1041,"children":1042},{},[1043,1045,1050],{"type":247,"value":1044},"Do not create signed URLs from the current time or random state while rendering.\nCreate them before render and place the stable result on each ",{"type":241,"tag":263,"props":1046,"children":1047},{},[1048],{"type":247,"value":1049},"PhotoItem",{"type":247,"value":474},{"type":241,"tag":250,"props":1052,"children":1053},{},[1054,1056,1061],{"type":247,"value":1055},"Also keep the photo collection, dimensions, and ",{"type":241,"tag":263,"props":1057,"children":1058},{},[1059],{"type":247,"value":1060},"defaultContainerWidth",{"type":247,"value":1062},"\ndeterministic between server rendering and hydration.",{"type":241,"tag":242,"props":1064,"children":1066},{"id":1065},"rtl-changes-do-not-update-a-carousel",[1067],{"type":247,"value":1068},"RTL changes do not update a carousel",{"type":241,"tag":250,"props":1070,"children":1071},{},[1072,1074,1079,1081,1085],{"type":247,"value":1073},"Without a ",{"type":241,"tag":263,"props":1075,"children":1076},{},[1077],{"type":247,"value":1078},"direction",{"type":247,"value":1080}," prop, ",{"type":241,"tag":263,"props":1082,"children":1083},{},[1084],{"type":247,"value":175},{"type":247,"value":1086}," reads inherited direction when it\nmounts. Bind the prop when the direction can change at runtime:",{"type":241,"tag":256,"props":1088,"children":1089},{"language":538,"class":260},[1090],{"type":241,"tag":263,"props":1091,"children":1092},{"class":542},[1093],{"type":241,"tag":268,"props":1094,"children":1095},{"class":270,"style":271},[1096,1100,1104,1108,1112,1116,1120,1124,1128,1132,1136,1140,1144,1149,1153],{"type":241,"tag":268,"props":1097,"children":1098},{"style":298},[1099],{"type":247,"value":551},{"type":241,"tag":268,"props":1101,"children":1102},{"style":309},[1103],{"type":247,"value":175},{"type":241,"tag":268,"props":1105,"children":1106},{"style":298},[1107],{"type":247,"value":560},{"type":241,"tag":268,"props":1109,"children":1110},{"style":563},[1111],{"type":247,"value":566},{"type":241,"tag":268,"props":1113,"children":1114},{"style":298},[1115],{"type":247,"value":571},{"type":241,"tag":268,"props":1117,"children":1118},{"style":298},[1119],{"type":247,"value":576},{"type":241,"tag":268,"props":1121,"children":1122},{"style":292},[1123],{"type":247,"value":566},{"type":241,"tag":268,"props":1125,"children":1126},{"style":298},[1127],{"type":247,"value":576},{"type":241,"tag":268,"props":1129,"children":1130},{"style":298},[1131],{"type":247,"value":560},{"type":241,"tag":268,"props":1133,"children":1134},{"style":563},[1135],{"type":247,"value":1078},{"type":241,"tag":268,"props":1137,"children":1138},{"style":298},[1139],{"type":247,"value":571},{"type":241,"tag":268,"props":1141,"children":1142},{"style":298},[1143],{"type":247,"value":576},{"type":241,"tag":268,"props":1145,"children":1146},{"style":292},[1147],{"type":247,"value":1148},"localeDirection",{"type":241,"tag":268,"props":1150,"children":1151},{"style":298},[1152],{"type":247,"value":576},{"type":241,"tag":268,"props":1154,"children":1155},{"style":298},[1156],{"type":247,"value":790},{"type":241,"tag":250,"props":1158,"children":1159},{},[1160,1162,1167,1168,1173],{"type":247,"value":1161},"Use either ",{"type":241,"tag":263,"props":1163,"children":1164},{},[1165],{"type":247,"value":1166},"'ltr'",{"type":247,"value":529},{"type":241,"tag":263,"props":1169,"children":1170},{},[1171],{"type":247,"value":1172},"'rtl'",{"type":247,"value":474},{"type":241,"tag":242,"props":1175,"children":1177},{"id":1176},"the-opening-animation-jumps",[1178],{"type":247,"value":1179},"The opening animation jumps",{"type":241,"tag":250,"props":1181,"children":1182},{},[1183,1185,1190],{"type":247,"value":1184},"Use the default ",{"type":241,"tag":263,"props":1186,"children":1187},{},[1188],{"type":247,"value":1189},"transition=\"auto\"",{"type":247,"value":1191},". It fades when the thumbnail is not visible\nenough for a reliable opening animation. Check that thumbnail IDs and dimensions\nmatch the active photo. Programmatic opening without a visible thumbnail also\nuses a fade.",{"type":241,"tag":250,"props":1193,"children":1194},{},[1195],{"type":247,"value":1196},"After a fix, test selecting a thumbnail, next and previous navigation, Escape,\nfocus restoration, mobile width, and your application direction.",{"title":1198,"searchDepth":1199,"depth":1199,"links":1200},"",4,[1201,1203,1204,1205,1206,1207,1208,1209,1210,1211,1212],{"id":244,"depth":1202,"text":248},2,{"id":436,"depth":1202,"text":439},{"id":510,"depth":1202,"text":513},{"id":657,"depth":1202,"text":660},{"id":802,"depth":1202,"text":805},{"id":951,"depth":1202,"text":954},{"id":986,"depth":1202,"text":989},{"id":1011,"depth":1202,"text":1014},{"id":1036,"depth":1202,"text":1039},{"id":1065,"depth":1202,"text":1068},{"id":1176,"depth":1202,"text":1179},"markdown","docs",{"source":1216,"path":1217,"stem":1218,"dir":1219,"extension":1220},"content","docs\u002F5.help\u002F1.troubleshooting.md","docs\u002F5.help\u002F1.troubleshooting","help","md",{"requestedPath":224,"resolvedPath":224,"alternates":1222},[],{"requested":1224,"resolved":1225,"usedFallback":6},{},{"locale":8},{"previous":1227,"next":1228},{"title":210,"id":211,"canonicalKey":212,"locale":8,"draft":6,"path":213},{"title":226,"id":227,"canonicalKey":228,"locale":8,"draft":6,"path":229},{"left":1230,"top":1230,"width":1231,"height":1232,"rotate":1230,"vFlip":6,"hFlip":6,"body":1233},0,256,168,"\u003Cpath fill=\"#00dc82\" d=\"M143.618 167.029h95.166c3.023 0 5.992-.771 8.61-2.237a16.96 16.96 0 0 0 6.302-6.115a16.3 16.3 0 0 0 2.304-8.352c0-2.932-.799-5.811-2.312-8.35L189.778 34.6a16.97 16.97 0 0 0-6.301-6.113a17.6 17.6 0 0 0-8.608-2.238c-3.023 0-5.991.772-8.609 2.238a16.96 16.96 0 0 0-6.3 6.113l-16.342 27.473l-31.95-53.724a17 17 0 0 0-6.304-6.112A17.64 17.64 0 0 0 96.754 0c-3.022 0-5.992.772-8.61 2.237a17 17 0 0 0-6.303 6.112L2.31 141.975a16.3 16.3 0 0 0-2.31 8.35c0 2.932.793 5.813 2.304 8.352a16.96 16.96 0 0 0 6.302 6.115a17.6 17.6 0 0 0 8.61 2.237h59.737c23.669 0 41.123-10.084 53.134-29.758l29.159-48.983l15.618-26.215l46.874 78.742h-62.492zm-67.64-26.24l-41.688-.01L96.782 35.796l31.181 52.492l-20.877 35.084c-7.976 12.765-17.037 17.416-31.107 17.416\"\u002F>",{"left":1230,"top":1230,"width":1231,"height":1235,"rotate":1230,"vFlip":6,"hFlip":6,"body":1236},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":1230,"top":1230,"width":1238,"height":1238,"rotate":1230,"vFlip":6,"hFlip":6,"body":1239},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>",1788702888761]