[{"data":1,"prerenderedAt":1278},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:eIJV0RHR3SD6CBuAZFuPA6NvqlCMWkV53czd_0DkU_w":235,"content-page-surround:docs:eIJV0RHR3SD6CBuAZFuPA6NvqlCMWkV53czd_0DkU_w":1265,"i-logos:nuxt-icon":1268,"i-lucide:clipboard":1273,"i-lucide:terminal":1276},[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":62,"description":236,"body":237,"type":1252,"id":63,"canonicalKey":64,"draft":6,"partial":6,"locale":8,"collection":1253,"navigationFile":6,"file":1254,"route":1260,"resolution":1262},"Route Nuxt Photo thumbnails and lightbox slides through Nuxt Image.",{"type":238,"children":239,"toc":1243},"root",[240,256,263,297,528,533,545,551,556,806,827,833,1184,1203,1209,1234],{"type":241,"tag":242,"props":243,"children":244},"element","p",{},[245,248,254],{"type":246,"value":247},"text","Add Nuxt Image when the application needs generated ",{"type":241,"tag":249,"props":250,"children":251},"code",{},[252],{"type":246,"value":253},"srcset",{"type":246,"value":255}," values, image\nformat conversion, or a supported image provider. Nuxt Photo also works without\nit.",{"type":241,"tag":257,"props":258,"children":260},"h2",{"id":259},"install-and-register-nuxt-image",[261],{"type":246,"value":262},"Install and register Nuxt Image",{"type":241,"tag":264,"props":265,"children":269},"pre",{"language":266,"filename":267,"class":268},"bash","Terminal","shiki shiki-themes material-theme-lighter material-theme-palenight dark:material-theme-palenight",[270],{"type":241,"tag":249,"props":271,"children":273},{"class":272},"language-bash",[274],{"type":241,"tag":275,"props":276,"children":279},"span",{"class":277,"style":278},"line","display: inline",[280,286,292],{"type":241,"tag":275,"props":281,"children":283},{"style":282},"color:#E2931D;--shiki-dark:#FFCB6B",[284],{"type":246,"value":285},"pnpm",{"type":241,"tag":275,"props":287,"children":289},{"style":288},"color:#91B859;--shiki-dark:#C3E88D",[290],{"type":246,"value":291}," add",{"type":241,"tag":275,"props":293,"children":294},{"style":288},[295],{"type":246,"value":296}," @nuxt\u002Fimage",{"type":241,"tag":264,"props":298,"children":301},{"language":299,"filename":300,"class":268},"ts","nuxt.config.ts",[302],{"type":241,"tag":249,"props":303,"children":305},{"class":304},"language-ts",[306,338,340,401,402,419,420,449,450,466,467,496,497,505,506,514,515],{"type":241,"tag":275,"props":307,"children":308},{"class":277,"style":278},[309,315,320,326,332],{"type":241,"tag":275,"props":310,"children":312},{"style":311},"color:#39ADB5;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[313],{"type":246,"value":314},"export",{"type":241,"tag":275,"props":316,"children":317},{"style":311},[318],{"type":246,"value":319}," default",{"type":241,"tag":275,"props":321,"children":323},{"style":322},"color:#6182B8;--shiki-dark:#82AAFF",[324],{"type":246,"value":325}," defineNuxtConfig",{"type":241,"tag":275,"props":327,"children":329},{"style":328},"color:#90A4AE;--shiki-dark:#BABED8",[330],{"type":246,"value":331},"(",{"type":241,"tag":275,"props":333,"children":335},{"style":334},"color:#39ADB5;--shiki-dark:#89DDFF",[336],{"type":246,"value":337},"{",{"type":246,"value":339},"\n",{"type":241,"tag":275,"props":341,"children":342},{"class":277,"style":278},[343,349,354,359,364,369,373,378,383,388,392,397],{"type":241,"tag":275,"props":344,"children":346},{"style":345},"color:#E53935;--shiki-dark:#F07178",[347],{"type":246,"value":348},"  modules",{"type":241,"tag":275,"props":350,"children":351},{"style":334},[352],{"type":246,"value":353},":",{"type":241,"tag":275,"props":355,"children":356},{"style":328},[357],{"type":246,"value":358}," [",{"type":241,"tag":275,"props":360,"children":361},{"style":334},[362],{"type":246,"value":363},"'",{"type":241,"tag":275,"props":365,"children":366},{"style":288},[367],{"type":246,"value":368},"@nuxt\u002Fimage",{"type":241,"tag":275,"props":370,"children":371},{"style":334},[372],{"type":246,"value":363},{"type":241,"tag":275,"props":374,"children":375},{"style":334},[376],{"type":246,"value":377},",",{"type":241,"tag":275,"props":379,"children":380},{"style":334},[381],{"type":246,"value":382}," '",{"type":241,"tag":275,"props":384,"children":385},{"style":288},[386],{"type":246,"value":387},"@lupinum\u002Fnuxt-photo",{"type":241,"tag":275,"props":389,"children":390},{"style":334},[391],{"type":246,"value":363},{"type":241,"tag":275,"props":393,"children":394},{"style":328},[395],{"type":246,"value":396},"]",{"type":241,"tag":275,"props":398,"children":399},{"style":334},[400],{"type":246,"value":377},{"type":246,"value":339},{"type":241,"tag":275,"props":403,"children":404},{"class":277,"style":278},[405,410,414],{"type":241,"tag":275,"props":406,"children":407},{"style":345},[408],{"type":246,"value":409},"  nuxtPhoto",{"type":241,"tag":275,"props":411,"children":412},{"style":334},[413],{"type":246,"value":353},{"type":241,"tag":275,"props":415,"children":416},{"style":334},[417],{"type":246,"value":418}," {",{"type":246,"value":339},{"type":241,"tag":275,"props":421,"children":422},{"class":277,"style":278},[423,428,432,436,441,445],{"type":241,"tag":275,"props":424,"children":425},{"style":345},[426],{"type":246,"value":427},"    css",{"type":241,"tag":275,"props":429,"children":430},{"style":334},[431],{"type":246,"value":353},{"type":241,"tag":275,"props":433,"children":434},{"style":334},[435],{"type":246,"value":382},{"type":241,"tag":275,"props":437,"children":438},{"style":288},[439],{"type":246,"value":440},"all",{"type":241,"tag":275,"props":442,"children":443},{"style":334},[444],{"type":246,"value":363},{"type":241,"tag":275,"props":446,"children":447},{"style":334},[448],{"type":246,"value":377},{"type":246,"value":339},{"type":241,"tag":275,"props":451,"children":452},{"class":277,"style":278},[453,458,462],{"type":241,"tag":275,"props":454,"children":455},{"style":345},[456],{"type":246,"value":457},"    image",{"type":241,"tag":275,"props":459,"children":460},{"style":334},[461],{"type":246,"value":353},{"type":241,"tag":275,"props":463,"children":464},{"style":334},[465],{"type":246,"value":418},{"type":246,"value":339},{"type":241,"tag":275,"props":468,"children":469},{"class":277,"style":278},[470,475,479,483,488,492],{"type":241,"tag":275,"props":471,"children":472},{"style":345},[473],{"type":246,"value":474},"      provider",{"type":241,"tag":275,"props":476,"children":477},{"style":334},[478],{"type":246,"value":353},{"type":241,"tag":275,"props":480,"children":481},{"style":334},[482],{"type":246,"value":382},{"type":241,"tag":275,"props":484,"children":485},{"style":288},[486],{"type":246,"value":487},"nuxt-image",{"type":241,"tag":275,"props":489,"children":490},{"style":334},[491],{"type":246,"value":363},{"type":241,"tag":275,"props":493,"children":494},{"style":334},[495],{"type":246,"value":377},{"type":246,"value":339},{"type":241,"tag":275,"props":498,"children":499},{"class":277,"style":278},[500],{"type":241,"tag":275,"props":501,"children":502},{"style":334},[503],{"type":246,"value":504},"    },",{"type":246,"value":339},{"type":241,"tag":275,"props":507,"children":508},{"class":277,"style":278},[509],{"type":241,"tag":275,"props":510,"children":511},{"style":334},[512],{"type":246,"value":513},"  },",{"type":246,"value":339},{"type":241,"tag":275,"props":516,"children":517},{"class":277,"style":278},[518,523],{"type":241,"tag":275,"props":519,"children":520},{"style":334},[521],{"type":246,"value":522},"}",{"type":241,"tag":275,"props":524,"children":525},{"style":328},[526],{"type":246,"value":527},")",{"type":241,"tag":242,"props":529,"children":530},{},[531],{"type":246,"value":532},"Nuxt Photo now sends its thumbnails and lightbox slides through Nuxt Image. The\nmodule order does not matter.",{"type":241,"tag":242,"props":534,"children":535},{},[536,538,543],{"type":246,"value":537},"Use ",{"type":241,"tag":249,"props":539,"children":540},{},[541],{"type":246,"value":542},"provider: 'auto'",{"type":246,"value":544}," instead when the same configuration must also work\nwithout Nuxt Image. Automatic native fallback is quiet.",{"type":241,"tag":257,"props":546,"children":548},{"id":547},"allow-remote-image-domains",[549],{"type":246,"value":550},"Allow remote image domains",{"type":241,"tag":242,"props":552,"children":553},{},[554],{"type":246,"value":555},"The default Nuxt Image provider rejects remote sources unless their host is\nallowed:",{"type":241,"tag":264,"props":557,"children":558},{"language":299,"filename":300,"class":268},[559],{"type":241,"tag":249,"props":560,"children":561},{"class":304},[562,585,586,637,638,654,655,692,693,700,701,716,717,744,745,786,787,794,795],{"type":241,"tag":275,"props":563,"children":564},{"class":277,"style":278},[565,569,573,577,581],{"type":241,"tag":275,"props":566,"children":567},{"style":311},[568],{"type":246,"value":314},{"type":241,"tag":275,"props":570,"children":571},{"style":311},[572],{"type":246,"value":319},{"type":241,"tag":275,"props":574,"children":575},{"style":322},[576],{"type":246,"value":325},{"type":241,"tag":275,"props":578,"children":579},{"style":328},[580],{"type":246,"value":331},{"type":241,"tag":275,"props":582,"children":583},{"style":334},[584],{"type":246,"value":337},{"type":246,"value":339},{"type":241,"tag":275,"props":587,"children":588},{"class":277,"style":278},[589,593,597,601,605,609,613,617,621,625,629,633],{"type":241,"tag":275,"props":590,"children":591},{"style":345},[592],{"type":246,"value":348},{"type":241,"tag":275,"props":594,"children":595},{"style":334},[596],{"type":246,"value":353},{"type":241,"tag":275,"props":598,"children":599},{"style":328},[600],{"type":246,"value":358},{"type":241,"tag":275,"props":602,"children":603},{"style":334},[604],{"type":246,"value":363},{"type":241,"tag":275,"props":606,"children":607},{"style":288},[608],{"type":246,"value":368},{"type":241,"tag":275,"props":610,"children":611},{"style":334},[612],{"type":246,"value":363},{"type":241,"tag":275,"props":614,"children":615},{"style":334},[616],{"type":246,"value":377},{"type":241,"tag":275,"props":618,"children":619},{"style":334},[620],{"type":246,"value":382},{"type":241,"tag":275,"props":622,"children":623},{"style":288},[624],{"type":246,"value":387},{"type":241,"tag":275,"props":626,"children":627},{"style":334},[628],{"type":246,"value":363},{"type":241,"tag":275,"props":630,"children":631},{"style":328},[632],{"type":246,"value":396},{"type":241,"tag":275,"props":634,"children":635},{"style":334},[636],{"type":246,"value":377},{"type":246,"value":339},{"type":241,"tag":275,"props":639,"children":640},{"class":277,"style":278},[641,646,650],{"type":241,"tag":275,"props":642,"children":643},{"style":345},[644],{"type":246,"value":645},"  image",{"type":241,"tag":275,"props":647,"children":648},{"style":334},[649],{"type":246,"value":353},{"type":241,"tag":275,"props":651,"children":652},{"style":334},[653],{"type":246,"value":418},{"type":246,"value":339},{"type":241,"tag":275,"props":656,"children":657},{"class":277,"style":278},[658,663,667,671,675,680,684,688],{"type":241,"tag":275,"props":659,"children":660},{"style":345},[661],{"type":246,"value":662},"    domains",{"type":241,"tag":275,"props":664,"children":665},{"style":334},[666],{"type":246,"value":353},{"type":241,"tag":275,"props":668,"children":669},{"style":328},[670],{"type":246,"value":358},{"type":241,"tag":275,"props":672,"children":673},{"style":334},[674],{"type":246,"value":363},{"type":241,"tag":275,"props":676,"children":677},{"style":288},[678],{"type":246,"value":679},"images.example.com",{"type":241,"tag":275,"props":681,"children":682},{"style":334},[683],{"type":246,"value":363},{"type":241,"tag":275,"props":685,"children":686},{"style":328},[687],{"type":246,"value":396},{"type":241,"tag":275,"props":689,"children":690},{"style":334},[691],{"type":246,"value":377},{"type":246,"value":339},{"type":241,"tag":275,"props":694,"children":695},{"class":277,"style":278},[696],{"type":241,"tag":275,"props":697,"children":698},{"style":334},[699],{"type":246,"value":513},{"type":246,"value":339},{"type":241,"tag":275,"props":702,"children":703},{"class":277,"style":278},[704,708,712],{"type":241,"tag":275,"props":705,"children":706},{"style":345},[707],{"type":246,"value":409},{"type":241,"tag":275,"props":709,"children":710},{"style":334},[711],{"type":246,"value":353},{"type":241,"tag":275,"props":713,"children":714},{"style":334},[715],{"type":246,"value":418},{"type":246,"value":339},{"type":241,"tag":275,"props":718,"children":719},{"class":277,"style":278},[720,724,728,732,736,740],{"type":241,"tag":275,"props":721,"children":722},{"style":345},[723],{"type":246,"value":427},{"type":241,"tag":275,"props":725,"children":726},{"style":334},[727],{"type":246,"value":353},{"type":241,"tag":275,"props":729,"children":730},{"style":334},[731],{"type":246,"value":382},{"type":241,"tag":275,"props":733,"children":734},{"style":288},[735],{"type":246,"value":440},{"type":241,"tag":275,"props":737,"children":738},{"style":334},[739],{"type":246,"value":363},{"type":241,"tag":275,"props":741,"children":742},{"style":334},[743],{"type":246,"value":377},{"type":246,"value":339},{"type":241,"tag":275,"props":746,"children":747},{"class":277,"style":278},[748,752,756,760,765,769,773,777,781],{"type":241,"tag":275,"props":749,"children":750},{"style":345},[751],{"type":246,"value":457},{"type":241,"tag":275,"props":753,"children":754},{"style":334},[755],{"type":246,"value":353},{"type":241,"tag":275,"props":757,"children":758},{"style":334},[759],{"type":246,"value":418},{"type":241,"tag":275,"props":761,"children":762},{"style":345},[763],{"type":246,"value":764}," provider",{"type":241,"tag":275,"props":766,"children":767},{"style":334},[768],{"type":246,"value":353},{"type":241,"tag":275,"props":770,"children":771},{"style":334},[772],{"type":246,"value":382},{"type":241,"tag":275,"props":774,"children":775},{"style":288},[776],{"type":246,"value":487},{"type":241,"tag":275,"props":778,"children":779},{"style":334},[780],{"type":246,"value":363},{"type":241,"tag":275,"props":782,"children":783},{"style":334},[784],{"type":246,"value":785}," },",{"type":246,"value":339},{"type":241,"tag":275,"props":788,"children":789},{"class":277,"style":278},[790],{"type":241,"tag":275,"props":791,"children":792},{"style":334},[793],{"type":246,"value":513},{"type":246,"value":339},{"type":241,"tag":275,"props":796,"children":797},{"class":277,"style":278},[798,802],{"type":241,"tag":275,"props":799,"children":800},{"style":334},[801],{"type":246,"value":522},{"type":241,"tag":275,"props":803,"children":804},{"style":328},[805],{"type":246,"value":527},{"type":241,"tag":242,"props":807,"children":808},{},[809,811,816,818,825],{"type":246,"value":810},"Add hostnames without ",{"type":241,"tag":249,"props":812,"children":813},{},[814],{"type":246,"value":815},"https:\u002F\u002F",{"type":246,"value":817}," or a path. See the official\n",{"type":241,"tag":819,"props":820,"children":822},"a",{"href":821},"https:\u002F\u002Fimage.nuxt.com\u002Fget-started\u002Fconfiguration#domains",[823],{"type":246,"value":824},"Nuxt Image domain configuration",{"type":246,"value":826},"\nfor the current provider rules.",{"type":241,"tag":257,"props":828,"children":830},{"id":829},"tune-thumbnails-and-slides-separately",[831],{"type":246,"value":832},"Tune thumbnails and slides separately",{"type":241,"tag":264,"props":834,"children":835},{"language":299,"filename":300,"class":268},[836],{"type":241,"tag":249,"props":837,"children":838},{"class":304},[839,862,863,914,915,930,931,946,947,974,975,991,992,1021,1022,1044,1045,1053,1054,1070,1071,1127,1128,1148,1149,1156,1157,1164,1165,1172,1173],{"type":241,"tag":275,"props":840,"children":841},{"class":277,"style":278},[842,846,850,854,858],{"type":241,"tag":275,"props":843,"children":844},{"style":311},[845],{"type":246,"value":314},{"type":241,"tag":275,"props":847,"children":848},{"style":311},[849],{"type":246,"value":319},{"type":241,"tag":275,"props":851,"children":852},{"style":322},[853],{"type":246,"value":325},{"type":241,"tag":275,"props":855,"children":856},{"style":328},[857],{"type":246,"value":331},{"type":241,"tag":275,"props":859,"children":860},{"style":334},[861],{"type":246,"value":337},{"type":246,"value":339},{"type":241,"tag":275,"props":864,"children":865},{"class":277,"style":278},[866,870,874,878,882,886,890,894,898,902,906,910],{"type":241,"tag":275,"props":867,"children":868},{"style":345},[869],{"type":246,"value":348},{"type":241,"tag":275,"props":871,"children":872},{"style":334},[873],{"type":246,"value":353},{"type":241,"tag":275,"props":875,"children":876},{"style":328},[877],{"type":246,"value":358},{"type":241,"tag":275,"props":879,"children":880},{"style":334},[881],{"type":246,"value":363},{"type":241,"tag":275,"props":883,"children":884},{"style":288},[885],{"type":246,"value":368},{"type":241,"tag":275,"props":887,"children":888},{"style":334},[889],{"type":246,"value":363},{"type":241,"tag":275,"props":891,"children":892},{"style":334},[893],{"type":246,"value":377},{"type":241,"tag":275,"props":895,"children":896},{"style":334},[897],{"type":246,"value":382},{"type":241,"tag":275,"props":899,"children":900},{"style":288},[901],{"type":246,"value":387},{"type":241,"tag":275,"props":903,"children":904},{"style":334},[905],{"type":246,"value":363},{"type":241,"tag":275,"props":907,"children":908},{"style":328},[909],{"type":246,"value":396},{"type":241,"tag":275,"props":911,"children":912},{"style":334},[913],{"type":246,"value":377},{"type":246,"value":339},{"type":241,"tag":275,"props":916,"children":917},{"class":277,"style":278},[918,922,926],{"type":241,"tag":275,"props":919,"children":920},{"style":345},[921],{"type":246,"value":409},{"type":241,"tag":275,"props":923,"children":924},{"style":334},[925],{"type":246,"value":353},{"type":241,"tag":275,"props":927,"children":928},{"style":334},[929],{"type":246,"value":418},{"type":246,"value":339},{"type":241,"tag":275,"props":932,"children":933},{"class":277,"style":278},[934,938,942],{"type":241,"tag":275,"props":935,"children":936},{"style":345},[937],{"type":246,"value":457},{"type":241,"tag":275,"props":939,"children":940},{"style":334},[941],{"type":246,"value":353},{"type":241,"tag":275,"props":943,"children":944},{"style":334},[945],{"type":246,"value":418},{"type":246,"value":339},{"type":241,"tag":275,"props":948,"children":949},{"class":277,"style":278},[950,954,958,962,966,970],{"type":241,"tag":275,"props":951,"children":952},{"style":345},[953],{"type":246,"value":474},{"type":241,"tag":275,"props":955,"children":956},{"style":334},[957],{"type":246,"value":353},{"type":241,"tag":275,"props":959,"children":960},{"style":334},[961],{"type":246,"value":382},{"type":241,"tag":275,"props":963,"children":964},{"style":288},[965],{"type":246,"value":487},{"type":241,"tag":275,"props":967,"children":968},{"style":334},[969],{"type":246,"value":363},{"type":241,"tag":275,"props":971,"children":972},{"style":334},[973],{"type":246,"value":377},{"type":246,"value":339},{"type":241,"tag":275,"props":976,"children":977},{"class":277,"style":278},[978,983,987],{"type":241,"tag":275,"props":979,"children":980},{"style":345},[981],{"type":246,"value":982},"      thumb",{"type":241,"tag":275,"props":984,"children":985},{"style":334},[986],{"type":246,"value":353},{"type":241,"tag":275,"props":988,"children":989},{"style":334},[990],{"type":246,"value":418},{"type":246,"value":339},{"type":241,"tag":275,"props":993,"children":994},{"class":277,"style":278},[995,1000,1004,1008,1013,1017],{"type":241,"tag":275,"props":996,"children":997},{"style":345},[998],{"type":246,"value":999},"        sizes",{"type":241,"tag":275,"props":1001,"children":1002},{"style":334},[1003],{"type":246,"value":353},{"type":241,"tag":275,"props":1005,"children":1006},{"style":334},[1007],{"type":246,"value":382},{"type":241,"tag":275,"props":1009,"children":1010},{"style":288},[1011],{"type":246,"value":1012},"sm:100vw md:50vw lg:400px",{"type":241,"tag":275,"props":1014,"children":1015},{"style":334},[1016],{"type":246,"value":363},{"type":241,"tag":275,"props":1018,"children":1019},{"style":334},[1020],{"type":246,"value":377},{"type":246,"value":339},{"type":241,"tag":275,"props":1023,"children":1024},{"class":277,"style":278},[1025,1030,1034,1040],{"type":241,"tag":275,"props":1026,"children":1027},{"style":345},[1028],{"type":246,"value":1029},"        quality",{"type":241,"tag":275,"props":1031,"children":1032},{"style":334},[1033],{"type":246,"value":353},{"type":241,"tag":275,"props":1035,"children":1037},{"style":1036},"color:#F76D47;--shiki-dark:#F78C6C",[1038],{"type":246,"value":1039}," 75",{"type":241,"tag":275,"props":1041,"children":1042},{"style":334},[1043],{"type":246,"value":377},{"type":246,"value":339},{"type":241,"tag":275,"props":1046,"children":1047},{"class":277,"style":278},[1048],{"type":241,"tag":275,"props":1049,"children":1050},{"style":334},[1051],{"type":246,"value":1052},"      },",{"type":246,"value":339},{"type":241,"tag":275,"props":1055,"children":1056},{"class":277,"style":278},[1057,1062,1066],{"type":241,"tag":275,"props":1058,"children":1059},{"style":345},[1060],{"type":246,"value":1061},"      slide",{"type":241,"tag":275,"props":1063,"children":1064},{"style":334},[1065],{"type":246,"value":353},{"type":241,"tag":275,"props":1067,"children":1068},{"style":334},[1069],{"type":246,"value":418},{"type":246,"value":339},{"type":241,"tag":275,"props":1072,"children":1073},{"class":277,"style":278},[1074,1079,1083,1087,1092,1096,1101,1105,1110,1114,1119,1123],{"type":241,"tag":275,"props":1075,"children":1076},{"style":345},[1077],{"type":246,"value":1078},"        widths",{"type":241,"tag":275,"props":1080,"children":1081},{"style":334},[1082],{"type":246,"value":353},{"type":241,"tag":275,"props":1084,"children":1085},{"style":328},[1086],{"type":246,"value":358},{"type":241,"tag":275,"props":1088,"children":1089},{"style":1036},[1090],{"type":246,"value":1091},"960",{"type":241,"tag":275,"props":1093,"children":1094},{"style":334},[1095],{"type":246,"value":377},{"type":241,"tag":275,"props":1097,"children":1098},{"style":1036},[1099],{"type":246,"value":1100}," 1440",{"type":241,"tag":275,"props":1102,"children":1103},{"style":334},[1104],{"type":246,"value":377},{"type":241,"tag":275,"props":1106,"children":1107},{"style":1036},[1108],{"type":246,"value":1109}," 1920",{"type":241,"tag":275,"props":1111,"children":1112},{"style":334},[1113],{"type":246,"value":377},{"type":241,"tag":275,"props":1115,"children":1116},{"style":1036},[1117],{"type":246,"value":1118}," 2560",{"type":241,"tag":275,"props":1120,"children":1121},{"style":328},[1122],{"type":246,"value":396},{"type":241,"tag":275,"props":1124,"children":1125},{"style":334},[1126],{"type":246,"value":377},{"type":246,"value":339},{"type":241,"tag":275,"props":1129,"children":1130},{"class":277,"style":278},[1131,1135,1139,1144],{"type":241,"tag":275,"props":1132,"children":1133},{"style":345},[1134],{"type":246,"value":1029},{"type":241,"tag":275,"props":1136,"children":1137},{"style":334},[1138],{"type":246,"value":353},{"type":241,"tag":275,"props":1140,"children":1141},{"style":1036},[1142],{"type":246,"value":1143}," 85",{"type":241,"tag":275,"props":1145,"children":1146},{"style":334},[1147],{"type":246,"value":377},{"type":246,"value":339},{"type":241,"tag":275,"props":1150,"children":1151},{"class":277,"style":278},[1152],{"type":241,"tag":275,"props":1153,"children":1154},{"style":334},[1155],{"type":246,"value":1052},{"type":246,"value":339},{"type":241,"tag":275,"props":1158,"children":1159},{"class":277,"style":278},[1160],{"type":241,"tag":275,"props":1161,"children":1162},{"style":334},[1163],{"type":246,"value":504},{"type":246,"value":339},{"type":241,"tag":275,"props":1166,"children":1167},{"class":277,"style":278},[1168],{"type":241,"tag":275,"props":1169,"children":1170},{"style":334},[1171],{"type":246,"value":513},{"type":246,"value":339},{"type":241,"tag":275,"props":1174,"children":1175},{"class":277,"style":278},[1176,1180],{"type":241,"tag":275,"props":1177,"children":1178},{"style":334},[1179],{"type":246,"value":522},{"type":241,"tag":275,"props":1181,"children":1182},{"style":328},[1183],{"type":246,"value":527},{"type":241,"tag":242,"props":1185,"children":1186},{},[1187,1189,1194,1196,1201],{"type":246,"value":1188},"Thumbnail ",{"type":241,"tag":249,"props":1190,"children":1191},{},[1192],{"type":246,"value":1193},"sizes",{"type":246,"value":1195}," tells Nuxt Image how much layout width an image uses.\nLightbox ",{"type":241,"tag":249,"props":1197,"children":1198},{},[1199],{"type":246,"value":1200},"widths",{"type":246,"value":1202}," controls the generated full-screen candidates. Keep both\naligned with the sizes the application actually renders.",{"type":241,"tag":257,"props":1204,"children":1206},{"id":1205},"check-the-result",[1207],{"type":246,"value":1208},"Check the result",{"type":241,"tag":242,"props":1210,"children":1211},{},[1212,1214,1219,1221,1225,1227,1232],{"type":246,"value":1213},"Inspect a rendered image. Its ",{"type":241,"tag":249,"props":1215,"children":1216},{},[1217],{"type":246,"value":1218},"src",{"type":246,"value":1220}," should use the selected Nuxt Image provider\nand its ",{"type":241,"tag":249,"props":1222,"children":1223},{},[1224],{"type":246,"value":253},{"type":246,"value":1226}," should contain the configured widths. If local images work but\nremote images fail, check ",{"type":241,"tag":249,"props":1228,"children":1229},{},[1230],{"type":246,"value":1231},"image.domains",{"type":246,"value":1233}," before changing Nuxt Photo settings.",{"type":241,"tag":242,"props":1235,"children":1236},{},[1237,1241],{"type":241,"tag":819,"props":1238,"children":1239},{"href":141},[1240],{"type":246,"value":138},{"type":246,"value":1242}," explains native delivery,\nplaceholders, loading behavior, and custom adapters.",{"title":1244,"searchDepth":1245,"depth":1245,"links":1246},"",4,[1247,1249,1250,1251],{"id":259,"depth":1248,"text":262},2,{"id":547,"depth":1248,"text":550},{"id":829,"depth":1248,"text":832},{"id":1205,"depth":1248,"text":1208},"markdown","docs",{"source":1255,"path":1256,"stem":1257,"dir":1258,"extension":1259},"content","docs\u002F2.guides\u002F2.use-nuxt-image.md","docs\u002F2.guides\u002F2.use-nuxt-image","guides","md",{"requestedPath":65,"resolvedPath":65,"alternates":1261},[],{"requested":1263,"resolved":1264,"usedFallback":6},{},{"locale":8},{"previous":1266,"next":1267},{"title":57,"id":58,"canonicalKey":59,"locale":8,"draft":6,"path":60},{"title":67,"id":68,"canonicalKey":69,"locale":8,"draft":6,"path":70},{"left":1269,"top":1269,"width":1270,"height":1271,"rotate":1269,"vFlip":6,"hFlip":6,"body":1272},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":1269,"top":1269,"width":1274,"height":1274,"rotate":1269,"vFlip":6,"hFlip":6,"body":1275},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>",{"left":1269,"top":1269,"width":1274,"height":1274,"rotate":1269,"vFlip":6,"hFlip":6,"body":1277},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 19h8M4 17l6-6l-6-6\"\u002F>",1788702880417]