[{"data":1,"prerenderedAt":2969},["ShallowReactive",2],{"docs-navigation:en":3,"content-page:docs:FHUoP3MI8_l4718QpK-dfMABRuhKuz35Yh-Co-vwb-Q":235,"content-page-surround:docs:FHUoP3MI8_l4718QpK-dfMABRuhKuz35Yh-Co-vwb-Q":2956,"i-logos:vue":2959,"i-logos:typescript-icon":2964,"i-lucide:clipboard":2966},[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":92,"description":236,"body":237,"type":2943,"id":93,"canonicalKey":94,"draft":6,"partial":6,"locale":8,"collection":2944,"navigationFile":6,"file":2945,"route":2951,"resolution":2953},"Change captions, actions, counters, or slide markup without rebuilding the lightbox from primitives.",{"type":238,"children":239,"toc":2928},"root",[240,248,253,278,291,298,311,1513,1518,1524,1536,1542,1738,1743,1988,1993,2182,2188,2206,2645,2650,2656,2661,2679,2690,2696,2701,2887],{"type":241,"tag":242,"props":243,"children":244},"element","p",{},[245],{"type":246,"value":247},"text","Use this guide when you like Nuxt Photo's built-in lightbox behavior, but want different UI.",{"type":241,"tag":242,"props":249,"children":250},{},[251],{"type":246,"value":252},"Use this focused customization path for:",{"type":241,"tag":254,"props":255,"children":256},"ul",{},[257,263,268,273],{"type":241,"tag":258,"props":259,"children":260},"li",{},[261],{"type":246,"value":262},"custom captions",{"type":241,"tag":258,"props":264,"children":265},{},[266],{"type":246,"value":267},"different top-bar actions",{"type":241,"tag":258,"props":269,"children":270},{},[271],{"type":246,"value":272},"a custom counter",{"type":241,"tag":258,"props":274,"children":275},{},[276],{"type":246,"value":277},"slide markup that still lives inside the built-in lightbox",{"type":241,"tag":242,"props":279,"children":280},{},[281,283,289],{"type":246,"value":282},"If you need a different component structure, use\n",{"type":241,"tag":284,"props":285,"children":286},"a",{"href":100},[287],{"type":246,"value":288},"the primitives guide",{"type":246,"value":290},".",{"type":241,"tag":292,"props":293,"children":295},"h2",{"id":294},"_1-wrap-the-included-lightbox",[296],{"type":246,"value":297},"1. Wrap the included lightbox",{"type":241,"tag":242,"props":299,"children":300},{},[301,303,309],{"type":246,"value":302},"Create a component that renders ",{"type":241,"tag":304,"props":305,"children":306},"code",{},[307],{"type":246,"value":308},"\u003CLightbox>",{"type":246,"value":310}," and overrides only the slots you need.",{"type":241,"tag":312,"props":313,"children":317},"pre",{"language":314,"filename":315,"class":316},"vue","components\u002FMyLightbox.vue","shiki shiki-themes material-theme-lighter material-theme-palenight dark:material-theme-palenight",[318],{"type":241,"tag":304,"props":319,"children":321},{"class":320},"language-vue",[322,376,378,423,424,440,441,444,445,461,462,478,479,542,543,599,600,616,617,620,621,679,680,716,717,771,772,830,831,839,840,856,857,914,915,923,924,939,940,956,957,972,973,976,977,988,989,1014,1015,1027,1028,1040,1041,1053,1054,1066,1067,1079,1080,1092,1093,1105,1106,1118,1119,1131,1132,1144,1145,1153,1154,1231,1232,1306,1307,1364,1365,1373,1374,1389,1390,1464,1465,1480,1481,1497,1498],{"type":241,"tag":323,"props":324,"children":327},"span",{"class":325,"style":326},"line","display: inline",[328,334,340,346,351,356,361,367,371],{"type":241,"tag":323,"props":329,"children":331},{"style":330},"color:#39ADB5;--shiki-dark:#89DDFF",[332],{"type":246,"value":333},"\u003C",{"type":241,"tag":323,"props":335,"children":337},{"style":336},"color:#E53935;--shiki-dark:#F07178",[338],{"type":246,"value":339},"script",{"type":241,"tag":323,"props":341,"children":343},{"style":342},"color:#9C3EDA;--shiki-dark:#C792EA",[344],{"type":246,"value":345}," setup",{"type":241,"tag":323,"props":347,"children":348},{"style":342},[349],{"type":246,"value":350}," lang",{"type":241,"tag":323,"props":352,"children":353},{"style":330},[354],{"type":246,"value":355},"=",{"type":241,"tag":323,"props":357,"children":358},{"style":330},[359],{"type":246,"value":360},"\"",{"type":241,"tag":323,"props":362,"children":364},{"style":363},"color:#91B859;--shiki-dark:#C3E88D",[365],{"type":246,"value":366},"ts",{"type":241,"tag":323,"props":368,"children":369},{"style":330},[370],{"type":246,"value":360},{"type":241,"tag":323,"props":372,"children":373},{"style":330},[374],{"type":246,"value":375},">",{"type":246,"value":377},"\n",{"type":241,"tag":323,"props":379,"children":380},{"class":325,"style":326},[381,387,392,398,403,408,413,418],{"type":241,"tag":323,"props":382,"children":384},{"style":383},"color:#39ADB5;--shiki-light-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[385],{"type":246,"value":386},"import",{"type":241,"tag":323,"props":388,"children":389},{"style":330},[390],{"type":246,"value":391}," {",{"type":241,"tag":323,"props":393,"children":395},{"style":394},"color:#90A4AE;--shiki-dark:#BABED8",[396],{"type":246,"value":397}," Lightbox",{"type":241,"tag":323,"props":399,"children":400},{"style":330},[401],{"type":246,"value":402}," }",{"type":241,"tag":323,"props":404,"children":405},{"style":383},[406],{"type":246,"value":407}," from",{"type":241,"tag":323,"props":409,"children":410},{"style":330},[411],{"type":246,"value":412}," '",{"type":241,"tag":323,"props":414,"children":415},{"style":363},[416],{"type":246,"value":417},"@lupinum\u002Fnuxt-photo\u002Fapp",{"type":241,"tag":323,"props":419,"children":420},{"style":330},[421],{"type":246,"value":422},"'",{"type":246,"value":377},{"type":241,"tag":323,"props":425,"children":426},{"class":325,"style":326},[427,432,436],{"type":241,"tag":323,"props":428,"children":429},{"style":330},[430],{"type":246,"value":431},"\u003C\u002F",{"type":241,"tag":323,"props":433,"children":434},{"style":336},[435],{"type":246,"value":339},{"type":241,"tag":323,"props":437,"children":438},{"style":330},[439],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":442,"children":443},{"class":325,"style":326},[],{"type":246,"value":377},{"type":241,"tag":323,"props":446,"children":447},{"class":325,"style":326},[448,452,457],{"type":241,"tag":323,"props":449,"children":450},{"style":330},[451],{"type":246,"value":333},{"type":241,"tag":323,"props":453,"children":454},{"style":336},[455],{"type":246,"value":456},"template",{"type":241,"tag":323,"props":458,"children":459},{"style":330},[460],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":463,"children":464},{"class":325,"style":326},[465,470,474],{"type":241,"tag":323,"props":466,"children":467},{"style":330},[468],{"type":246,"value":469},"  \u003C",{"type":241,"tag":323,"props":471,"children":472},{"style":336},[473],{"type":246,"value":180},{"type":241,"tag":323,"props":475,"children":476},{"style":330},[477],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":480,"children":481},{"class":325,"style":326},[482,487,491,496,501,505,509,514,519,524,529,534,538],{"type":241,"tag":323,"props":483,"children":484},{"style":330},[485],{"type":246,"value":486},"    \u003C",{"type":241,"tag":323,"props":488,"children":489},{"style":336},[490],{"type":246,"value":456},{"type":241,"tag":323,"props":492,"children":493},{"style":330},[494],{"type":246,"value":495}," #",{"type":241,"tag":323,"props":497,"children":498},{"style":342},[499],{"type":246,"value":500},"counter",{"type":241,"tag":323,"props":502,"children":503},{"style":330},[504],{"type":246,"value":355},{"type":241,"tag":323,"props":506,"children":507},{"style":330},[508],{"type":246,"value":360},{"type":241,"tag":323,"props":510,"children":511},{"style":330},[512],{"type":246,"value":513},"{",{"type":241,"tag":323,"props":515,"children":516},{"style":394},[517],{"type":246,"value":518}," activeIndex",{"type":241,"tag":323,"props":520,"children":521},{"style":330},[522],{"type":246,"value":523},",",{"type":241,"tag":323,"props":525,"children":526},{"style":394},[527],{"type":246,"value":528}," count ",{"type":241,"tag":323,"props":530,"children":531},{"style":330},[532],{"type":246,"value":533},"}",{"type":241,"tag":323,"props":535,"children":536},{"style":330},[537],{"type":246,"value":360},{"type":241,"tag":323,"props":539,"children":540},{"style":330},[541],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":544,"children":545},{"class":325,"style":326},[546,551,556,561,565,569,574,578,582,587,591,595],{"type":241,"tag":323,"props":547,"children":548},{"style":330},[549],{"type":246,"value":550},"      \u003C",{"type":241,"tag":323,"props":552,"children":553},{"style":336},[554],{"type":246,"value":555},"div",{"type":241,"tag":323,"props":557,"children":558},{"style":342},[559],{"type":246,"value":560}," class",{"type":241,"tag":323,"props":562,"children":563},{"style":330},[564],{"type":246,"value":355},{"type":241,"tag":323,"props":566,"children":567},{"style":330},[568],{"type":246,"value":360},{"type":241,"tag":323,"props":570,"children":571},{"style":363},[572],{"type":246,"value":573},"text-sm opacity-70",{"type":241,"tag":323,"props":575,"children":576},{"style":330},[577],{"type":246,"value":360},{"type":241,"tag":323,"props":579,"children":580},{"style":330},[581],{"type":246,"value":375},{"type":241,"tag":323,"props":583,"children":584},{"style":394},[585],{"type":246,"value":586},"{{ activeIndex + 1 }} of {{ count }}",{"type":241,"tag":323,"props":588,"children":589},{"style":330},[590],{"type":246,"value":431},{"type":241,"tag":323,"props":592,"children":593},{"style":336},[594],{"type":246,"value":555},{"type":241,"tag":323,"props":596,"children":597},{"style":330},[598],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":601,"children":602},{"class":325,"style":326},[603,608,612],{"type":241,"tag":323,"props":604,"children":605},{"style":330},[606],{"type":246,"value":607},"    \u003C\u002F",{"type":241,"tag":323,"props":609,"children":610},{"style":336},[611],{"type":246,"value":456},{"type":241,"tag":323,"props":613,"children":614},{"style":330},[615],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":618,"children":619},{"class":325,"style":326},[],{"type":246,"value":377},{"type":241,"tag":323,"props":622,"children":623},{"class":325,"style":326},[624,628,632,636,641,645,649,653,658,662,667,671,675],{"type":241,"tag":323,"props":625,"children":626},{"style":330},[627],{"type":246,"value":486},{"type":241,"tag":323,"props":629,"children":630},{"style":336},[631],{"type":246,"value":456},{"type":241,"tag":323,"props":633,"children":634},{"style":330},[635],{"type":246,"value":495},{"type":241,"tag":323,"props":637,"children":638},{"style":342},[639],{"type":246,"value":640},"caption",{"type":241,"tag":323,"props":642,"children":643},{"style":330},[644],{"type":246,"value":355},{"type":241,"tag":323,"props":646,"children":647},{"style":330},[648],{"type":246,"value":360},{"type":241,"tag":323,"props":650,"children":651},{"style":330},[652],{"type":246,"value":513},{"type":241,"tag":323,"props":654,"children":655},{"style":394},[656],{"type":246,"value":657}," photo",{"type":241,"tag":323,"props":659,"children":660},{"style":330},[661],{"type":246,"value":523},{"type":241,"tag":323,"props":663,"children":664},{"style":394},[665],{"type":246,"value":666}," index ",{"type":241,"tag":323,"props":668,"children":669},{"style":330},[670],{"type":246,"value":533},{"type":241,"tag":323,"props":672,"children":673},{"style":330},[674],{"type":246,"value":360},{"type":241,"tag":323,"props":676,"children":677},{"style":330},[678],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":681,"children":682},{"class":325,"style":326},[683,687,691,695,699,703,708,712],{"type":241,"tag":323,"props":684,"children":685},{"style":330},[686],{"type":246,"value":550},{"type":241,"tag":323,"props":688,"children":689},{"style":336},[690],{"type":246,"value":555},{"type":241,"tag":323,"props":692,"children":693},{"style":342},[694],{"type":246,"value":560},{"type":241,"tag":323,"props":696,"children":697},{"style":330},[698],{"type":246,"value":355},{"type":241,"tag":323,"props":700,"children":701},{"style":330},[702],{"type":246,"value":360},{"type":241,"tag":323,"props":704,"children":705},{"style":363},[706],{"type":246,"value":707},"space-y-1",{"type":241,"tag":323,"props":709,"children":710},{"style":330},[711],{"type":246,"value":360},{"type":241,"tag":323,"props":713,"children":714},{"style":330},[715],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":718,"children":719},{"class":325,"style":326},[720,725,729,733,737,741,746,750,754,759,763,767],{"type":241,"tag":323,"props":721,"children":722},{"style":330},[723],{"type":246,"value":724},"        \u003C",{"type":241,"tag":323,"props":726,"children":727},{"style":336},[728],{"type":246,"value":555},{"type":241,"tag":323,"props":730,"children":731},{"style":342},[732],{"type":246,"value":560},{"type":241,"tag":323,"props":734,"children":735},{"style":330},[736],{"type":246,"value":355},{"type":241,"tag":323,"props":738,"children":739},{"style":330},[740],{"type":246,"value":360},{"type":241,"tag":323,"props":742,"children":743},{"style":363},[744],{"type":246,"value":745},"text-xs uppercase tracking-wide opacity-60",{"type":241,"tag":323,"props":747,"children":748},{"style":330},[749],{"type":246,"value":360},{"type":241,"tag":323,"props":751,"children":752},{"style":330},[753],{"type":246,"value":375},{"type":241,"tag":323,"props":755,"children":756},{"style":394},[757],{"type":246,"value":758},"Frame {{ index + 1 }}",{"type":241,"tag":323,"props":760,"children":761},{"style":330},[762],{"type":246,"value":431},{"type":241,"tag":323,"props":764,"children":765},{"style":336},[766],{"type":246,"value":555},{"type":241,"tag":323,"props":768,"children":769},{"style":330},[770],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":773,"children":774},{"class":325,"style":326},[775,779,783,788,792,796,801,805,809,813,817,822,826],{"type":241,"tag":323,"props":776,"children":777},{"style":330},[778],{"type":246,"value":724},{"type":241,"tag":323,"props":780,"children":781},{"style":336},[782],{"type":246,"value":292},{"type":241,"tag":323,"props":784,"children":785},{"style":342},[786],{"type":246,"value":787}," v-if",{"type":241,"tag":323,"props":789,"children":790},{"style":330},[791],{"type":246,"value":355},{"type":241,"tag":323,"props":793,"children":794},{"style":330},[795],{"type":246,"value":360},{"type":241,"tag":323,"props":797,"children":798},{"style":363},[799],{"type":246,"value":800},"photo?.caption",{"type":241,"tag":323,"props":802,"children":803},{"style":330},[804],{"type":246,"value":360},{"type":241,"tag":323,"props":806,"children":807},{"style":342},[808],{"type":246,"value":560},{"type":241,"tag":323,"props":810,"children":811},{"style":330},[812],{"type":246,"value":355},{"type":241,"tag":323,"props":814,"children":815},{"style":330},[816],{"type":246,"value":360},{"type":241,"tag":323,"props":818,"children":819},{"style":363},[820],{"type":246,"value":821},"text-lg font-medium",{"type":241,"tag":323,"props":823,"children":824},{"style":330},[825],{"type":246,"value":360},{"type":241,"tag":323,"props":827,"children":828},{"style":330},[829],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":832,"children":833},{"class":325,"style":326},[834],{"type":241,"tag":323,"props":835,"children":836},{"style":394},[837],{"type":246,"value":838},"          {{ photo.caption }}",{"type":246,"value":377},{"type":241,"tag":323,"props":841,"children":842},{"class":325,"style":326},[843,848,852],{"type":241,"tag":323,"props":844,"children":845},{"style":330},[846],{"type":246,"value":847},"        \u003C\u002F",{"type":241,"tag":323,"props":849,"children":850},{"style":336},[851],{"type":246,"value":292},{"type":241,"tag":323,"props":853,"children":854},{"style":330},[855],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":858,"children":859},{"class":325,"style":326},[860,864,868,872,876,880,885,889,893,897,901,906,910],{"type":241,"tag":323,"props":861,"children":862},{"style":330},[863],{"type":246,"value":724},{"type":241,"tag":323,"props":865,"children":866},{"style":336},[867],{"type":246,"value":242},{"type":241,"tag":323,"props":869,"children":870},{"style":342},[871],{"type":246,"value":787},{"type":241,"tag":323,"props":873,"children":874},{"style":330},[875],{"type":246,"value":355},{"type":241,"tag":323,"props":877,"children":878},{"style":330},[879],{"type":246,"value":360},{"type":241,"tag":323,"props":881,"children":882},{"style":363},[883],{"type":246,"value":884},"photo?.description",{"type":241,"tag":323,"props":886,"children":887},{"style":330},[888],{"type":246,"value":360},{"type":241,"tag":323,"props":890,"children":891},{"style":342},[892],{"type":246,"value":560},{"type":241,"tag":323,"props":894,"children":895},{"style":330},[896],{"type":246,"value":355},{"type":241,"tag":323,"props":898,"children":899},{"style":330},[900],{"type":246,"value":360},{"type":241,"tag":323,"props":902,"children":903},{"style":363},[904],{"type":246,"value":905},"text-sm opacity-80",{"type":241,"tag":323,"props":907,"children":908},{"style":330},[909],{"type":246,"value":360},{"type":241,"tag":323,"props":911,"children":912},{"style":330},[913],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":916,"children":917},{"class":325,"style":326},[918],{"type":241,"tag":323,"props":919,"children":920},{"style":394},[921],{"type":246,"value":922},"          {{ photo.description }}",{"type":246,"value":377},{"type":241,"tag":323,"props":925,"children":926},{"class":325,"style":326},[927,931,935],{"type":241,"tag":323,"props":928,"children":929},{"style":330},[930],{"type":246,"value":847},{"type":241,"tag":323,"props":932,"children":933},{"style":336},[934],{"type":246,"value":242},{"type":241,"tag":323,"props":936,"children":937},{"style":330},[938],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":941,"children":942},{"class":325,"style":326},[943,948,952],{"type":241,"tag":323,"props":944,"children":945},{"style":330},[946],{"type":246,"value":947},"      \u003C\u002F",{"type":241,"tag":323,"props":949,"children":950},{"style":336},[951],{"type":246,"value":555},{"type":241,"tag":323,"props":953,"children":954},{"style":330},[955],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":958,"children":959},{"class":325,"style":326},[960,964,968],{"type":241,"tag":323,"props":961,"children":962},{"style":330},[963],{"type":246,"value":607},{"type":241,"tag":323,"props":965,"children":966},{"style":336},[967],{"type":246,"value":456},{"type":241,"tag":323,"props":969,"children":970},{"style":330},[971],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":974,"children":975},{"class":325,"style":326},[],{"type":246,"value":377},{"type":241,"tag":323,"props":978,"children":979},{"class":325,"style":326},[980,984],{"type":241,"tag":323,"props":981,"children":982},{"style":330},[983],{"type":246,"value":486},{"type":241,"tag":323,"props":985,"children":986},{"style":336},[987],{"type":246,"value":456},{"type":246,"value":377},{"type":241,"tag":323,"props":990,"children":991},{"class":325,"style":326},[992,997,1002,1006,1010],{"type":241,"tag":323,"props":993,"children":994},{"style":330},[995],{"type":246,"value":996},"      #",{"type":241,"tag":323,"props":998,"children":999},{"style":342},[1000],{"type":246,"value":1001},"actions",{"type":241,"tag":323,"props":1003,"children":1004},{"style":330},[1005],{"type":246,"value":355},{"type":241,"tag":323,"props":1007,"children":1008},{"style":330},[1009],{"type":246,"value":360},{"type":241,"tag":323,"props":1011,"children":1012},{"style":330},[1013],{"type":246,"value":513},{"type":246,"value":377},{"type":241,"tag":323,"props":1016,"children":1017},{"class":325,"style":326},[1018,1023],{"type":241,"tag":323,"props":1019,"children":1020},{"style":394},[1021],{"type":246,"value":1022},"        activeIndex",{"type":241,"tag":323,"props":1024,"children":1025},{"style":330},[1026],{"type":246,"value":523},{"type":246,"value":377},{"type":241,"tag":323,"props":1029,"children":1030},{"class":325,"style":326},[1031,1036],{"type":241,"tag":323,"props":1032,"children":1033},{"style":394},[1034],{"type":246,"value":1035},"        count",{"type":241,"tag":323,"props":1037,"children":1038},{"style":330},[1039],{"type":246,"value":523},{"type":246,"value":377},{"type":241,"tag":323,"props":1042,"children":1043},{"class":325,"style":326},[1044,1049],{"type":241,"tag":323,"props":1045,"children":1046},{"style":394},[1047],{"type":246,"value":1048},"        prev",{"type":241,"tag":323,"props":1050,"children":1051},{"style":330},[1052],{"type":246,"value":523},{"type":246,"value":377},{"type":241,"tag":323,"props":1055,"children":1056},{"class":325,"style":326},[1057,1062],{"type":241,"tag":323,"props":1058,"children":1059},{"style":394},[1060],{"type":246,"value":1061},"        next",{"type":241,"tag":323,"props":1063,"children":1064},{"style":330},[1065],{"type":246,"value":523},{"type":246,"value":377},{"type":241,"tag":323,"props":1068,"children":1069},{"class":325,"style":326},[1070,1075],{"type":241,"tag":323,"props":1071,"children":1072},{"style":394},[1073],{"type":246,"value":1074},"        close",{"type":241,"tag":323,"props":1076,"children":1077},{"style":330},[1078],{"type":246,"value":523},{"type":246,"value":377},{"type":241,"tag":323,"props":1081,"children":1082},{"class":325,"style":326},[1083,1088],{"type":241,"tag":323,"props":1084,"children":1085},{"style":394},[1086],{"type":246,"value":1087},"        toggleZoom",{"type":241,"tag":323,"props":1089,"children":1090},{"style":330},[1091],{"type":246,"value":523},{"type":246,"value":377},{"type":241,"tag":323,"props":1094,"children":1095},{"class":325,"style":326},[1096,1101],{"type":241,"tag":323,"props":1097,"children":1098},{"style":394},[1099],{"type":246,"value":1100},"        isZoomedIn",{"type":241,"tag":323,"props":1102,"children":1103},{"style":330},[1104],{"type":246,"value":523},{"type":246,"value":377},{"type":241,"tag":323,"props":1107,"children":1108},{"class":325,"style":326},[1109,1114],{"type":241,"tag":323,"props":1110,"children":1111},{"style":394},[1112],{"type":246,"value":1113},"        zoomAllowed",{"type":241,"tag":323,"props":1115,"children":1116},{"style":330},[1117],{"type":246,"value":523},{"type":246,"value":377},{"type":241,"tag":323,"props":1120,"children":1121},{"class":325,"style":326},[1122,1127],{"type":241,"tag":323,"props":1123,"children":1124},{"style":394},[1125],{"type":246,"value":1126},"        controlsDisabled",{"type":241,"tag":323,"props":1128,"children":1129},{"style":330},[1130],{"type":246,"value":523},{"type":246,"value":377},{"type":241,"tag":323,"props":1133,"children":1134},{"class":325,"style":326},[1135,1140],{"type":241,"tag":323,"props":1136,"children":1137},{"style":330},[1138],{"type":246,"value":1139},"      }",{"type":241,"tag":323,"props":1141,"children":1142},{"style":330},[1143],{"type":246,"value":360},{"type":246,"value":377},{"type":241,"tag":323,"props":1146,"children":1147},{"class":325,"style":326},[1148],{"type":241,"tag":323,"props":1149,"children":1150},{"style":330},[1151],{"type":246,"value":1152},"    >",{"type":246,"value":377},{"type":241,"tag":323,"props":1155,"children":1156},{"class":325,"style":326},[1157,1161,1166,1171,1175,1179,1184,1188,1193,1197,1201,1206,1210,1214,1219,1223,1227],{"type":241,"tag":323,"props":1158,"children":1159},{"style":330},[1160],{"type":246,"value":550},{"type":241,"tag":323,"props":1162,"children":1163},{"style":336},[1164],{"type":246,"value":1165},"button",{"type":241,"tag":323,"props":1167,"children":1168},{"style":342},[1169],{"type":246,"value":1170}," :disabled",{"type":241,"tag":323,"props":1172,"children":1173},{"style":330},[1174],{"type":246,"value":355},{"type":241,"tag":323,"props":1176,"children":1177},{"style":330},[1178],{"type":246,"value":360},{"type":241,"tag":323,"props":1180,"children":1181},{"style":363},[1182],{"type":246,"value":1183},"controlsDisabled || activeIndex \u003C= 0",{"type":241,"tag":323,"props":1185,"children":1186},{"style":330},[1187],{"type":246,"value":360},{"type":241,"tag":323,"props":1189,"children":1190},{"style":342},[1191],{"type":246,"value":1192}," @click",{"type":241,"tag":323,"props":1194,"children":1195},{"style":330},[1196],{"type":246,"value":355},{"type":241,"tag":323,"props":1198,"children":1199},{"style":330},[1200],{"type":246,"value":360},{"type":241,"tag":323,"props":1202,"children":1203},{"style":363},[1204],{"type":246,"value":1205},"prev",{"type":241,"tag":323,"props":1207,"children":1208},{"style":330},[1209],{"type":246,"value":360},{"type":241,"tag":323,"props":1211,"children":1212},{"style":330},[1213],{"type":246,"value":375},{"type":241,"tag":323,"props":1215,"children":1216},{"style":394},[1217],{"type":246,"value":1218},"Prev",{"type":241,"tag":323,"props":1220,"children":1221},{"style":330},[1222],{"type":246,"value":431},{"type":241,"tag":323,"props":1224,"children":1225},{"style":336},[1226],{"type":246,"value":1165},{"type":241,"tag":323,"props":1228,"children":1229},{"style":330},[1230],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":1233,"children":1234},{"class":325,"style":326},[1235,1239,1243,1247,1251,1255,1260,1264,1268,1272,1276,1281,1285,1289,1294,1298,1302],{"type":241,"tag":323,"props":1236,"children":1237},{"style":330},[1238],{"type":246,"value":550},{"type":241,"tag":323,"props":1240,"children":1241},{"style":336},[1242],{"type":246,"value":1165},{"type":241,"tag":323,"props":1244,"children":1245},{"style":342},[1246],{"type":246,"value":1170},{"type":241,"tag":323,"props":1248,"children":1249},{"style":330},[1250],{"type":246,"value":355},{"type":241,"tag":323,"props":1252,"children":1253},{"style":330},[1254],{"type":246,"value":360},{"type":241,"tag":323,"props":1256,"children":1257},{"style":363},[1258],{"type":246,"value":1259},"controlsDisabled || activeIndex >= count - 1",{"type":241,"tag":323,"props":1261,"children":1262},{"style":330},[1263],{"type":246,"value":360},{"type":241,"tag":323,"props":1265,"children":1266},{"style":342},[1267],{"type":246,"value":1192},{"type":241,"tag":323,"props":1269,"children":1270},{"style":330},[1271],{"type":246,"value":355},{"type":241,"tag":323,"props":1273,"children":1274},{"style":330},[1275],{"type":246,"value":360},{"type":241,"tag":323,"props":1277,"children":1278},{"style":363},[1279],{"type":246,"value":1280},"next",{"type":241,"tag":323,"props":1282,"children":1283},{"style":330},[1284],{"type":246,"value":360},{"type":241,"tag":323,"props":1286,"children":1287},{"style":330},[1288],{"type":246,"value":375},{"type":241,"tag":323,"props":1290,"children":1291},{"style":394},[1292],{"type":246,"value":1293},"Next",{"type":241,"tag":323,"props":1295,"children":1296},{"style":330},[1297],{"type":246,"value":431},{"type":241,"tag":323,"props":1299,"children":1300},{"style":336},[1301],{"type":246,"value":1165},{"type":241,"tag":323,"props":1303,"children":1304},{"style":330},[1305],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":1308,"children":1309},{"class":325,"style":326},[1310,1314,1318,1322,1326,1330,1335,1339,1343,1347,1351,1356,1360],{"type":241,"tag":323,"props":1311,"children":1312},{"style":330},[1313],{"type":246,"value":550},{"type":241,"tag":323,"props":1315,"children":1316},{"style":336},[1317],{"type":246,"value":1165},{"type":241,"tag":323,"props":1319,"children":1320},{"style":342},[1321],{"type":246,"value":1170},{"type":241,"tag":323,"props":1323,"children":1324},{"style":330},[1325],{"type":246,"value":355},{"type":241,"tag":323,"props":1327,"children":1328},{"style":330},[1329],{"type":246,"value":360},{"type":241,"tag":323,"props":1331,"children":1332},{"style":363},[1333],{"type":246,"value":1334},"controlsDisabled || !zoomAllowed",{"type":241,"tag":323,"props":1336,"children":1337},{"style":330},[1338],{"type":246,"value":360},{"type":241,"tag":323,"props":1340,"children":1341},{"style":342},[1342],{"type":246,"value":1192},{"type":241,"tag":323,"props":1344,"children":1345},{"style":330},[1346],{"type":246,"value":355},{"type":241,"tag":323,"props":1348,"children":1349},{"style":330},[1350],{"type":246,"value":360},{"type":241,"tag":323,"props":1352,"children":1353},{"style":363},[1354],{"type":246,"value":1355},"toggleZoom()",{"type":241,"tag":323,"props":1357,"children":1358},{"style":330},[1359],{"type":246,"value":360},{"type":241,"tag":323,"props":1361,"children":1362},{"style":330},[1363],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":1366,"children":1367},{"class":325,"style":326},[1368],{"type":241,"tag":323,"props":1369,"children":1370},{"style":394},[1371],{"type":246,"value":1372},"        {{ isZoomedIn ? 'Fit' : 'Zoom' }}",{"type":246,"value":377},{"type":241,"tag":323,"props":1375,"children":1376},{"class":325,"style":326},[1377,1381,1385],{"type":241,"tag":323,"props":1378,"children":1379},{"style":330},[1380],{"type":246,"value":947},{"type":241,"tag":323,"props":1382,"children":1383},{"style":336},[1384],{"type":246,"value":1165},{"type":241,"tag":323,"props":1386,"children":1387},{"style":330},[1388],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":1391,"children":1392},{"class":325,"style":326},[1393,1397,1401,1405,1409,1413,1418,1422,1426,1430,1434,1439,1443,1447,1452,1456,1460],{"type":241,"tag":323,"props":1394,"children":1395},{"style":330},[1396],{"type":246,"value":550},{"type":241,"tag":323,"props":1398,"children":1399},{"style":336},[1400],{"type":246,"value":1165},{"type":241,"tag":323,"props":1402,"children":1403},{"style":342},[1404],{"type":246,"value":1170},{"type":241,"tag":323,"props":1406,"children":1407},{"style":330},[1408],{"type":246,"value":355},{"type":241,"tag":323,"props":1410,"children":1411},{"style":330},[1412],{"type":246,"value":360},{"type":241,"tag":323,"props":1414,"children":1415},{"style":363},[1416],{"type":246,"value":1417},"controlsDisabled",{"type":241,"tag":323,"props":1419,"children":1420},{"style":330},[1421],{"type":246,"value":360},{"type":241,"tag":323,"props":1423,"children":1424},{"style":342},[1425],{"type":246,"value":1192},{"type":241,"tag":323,"props":1427,"children":1428},{"style":330},[1429],{"type":246,"value":355},{"type":241,"tag":323,"props":1431,"children":1432},{"style":330},[1433],{"type":246,"value":360},{"type":241,"tag":323,"props":1435,"children":1436},{"style":363},[1437],{"type":246,"value":1438},"close",{"type":241,"tag":323,"props":1440,"children":1441},{"style":330},[1442],{"type":246,"value":360},{"type":241,"tag":323,"props":1444,"children":1445},{"style":330},[1446],{"type":246,"value":375},{"type":241,"tag":323,"props":1448,"children":1449},{"style":394},[1450],{"type":246,"value":1451},"Close",{"type":241,"tag":323,"props":1453,"children":1454},{"style":330},[1455],{"type":246,"value":431},{"type":241,"tag":323,"props":1457,"children":1458},{"style":336},[1459],{"type":246,"value":1165},{"type":241,"tag":323,"props":1461,"children":1462},{"style":330},[1463],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":1466,"children":1467},{"class":325,"style":326},[1468,1472,1476],{"type":241,"tag":323,"props":1469,"children":1470},{"style":330},[1471],{"type":246,"value":607},{"type":241,"tag":323,"props":1473,"children":1474},{"style":336},[1475],{"type":246,"value":456},{"type":241,"tag":323,"props":1477,"children":1478},{"style":330},[1479],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":1482,"children":1483},{"class":325,"style":326},[1484,1489,1493],{"type":241,"tag":323,"props":1485,"children":1486},{"style":330},[1487],{"type":246,"value":1488},"  \u003C\u002F",{"type":241,"tag":323,"props":1490,"children":1491},{"style":336},[1492],{"type":246,"value":180},{"type":241,"tag":323,"props":1494,"children":1495},{"style":330},[1496],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":1499,"children":1500},{"class":325,"style":326},[1501,1505,1509],{"type":241,"tag":323,"props":1502,"children":1503},{"style":330},[1504],{"type":246,"value":431},{"type":241,"tag":323,"props":1506,"children":1507},{"style":336},[1508],{"type":246,"value":456},{"type":241,"tag":323,"props":1510,"children":1511},{"style":330},[1512],{"type":246,"value":375},{"type":241,"tag":242,"props":1514,"children":1515},{},[1516],{"type":246,"value":1517},"That keeps the built-in gesture handling, transitions, focus behavior, and slide wiring. You only replace the visible pieces.",{"type":241,"tag":292,"props":1519,"children":1521},{"id":1520},"_2-use-it-on-one-component",[1522],{"type":246,"value":1523},"2. Use it on one component",{"type":241,"tag":242,"props":1525,"children":1526},{},[1527,1529,1534],{"type":246,"value":1528},"Pass the wrapper through the ",{"type":241,"tag":304,"props":1530,"children":1531},{},[1532],{"type":246,"value":1533},"lightbox",{"type":246,"value":1535}," prop on the ready-made component you want to customize.",{"type":241,"tag":1537,"props":1538,"children":1540},"h3",{"id":1539},"_2-use-it-on-one-component-photoalbum",[1541],{"type":246,"value":165},{"type":241,"tag":312,"props":1543,"children":1544},{"language":314,"class":316},[1545],{"type":241,"tag":304,"props":1546,"children":1547},{"class":320},[1548,1587,1588,1618,1619,1634,1635,1638,1639,1654,1655,1722,1723],{"type":241,"tag":323,"props":1549,"children":1550},{"class":325,"style":326},[1551,1555,1559,1563,1567,1571,1575,1579,1583],{"type":241,"tag":323,"props":1552,"children":1553},{"style":330},[1554],{"type":246,"value":333},{"type":241,"tag":323,"props":1556,"children":1557},{"style":336},[1558],{"type":246,"value":339},{"type":241,"tag":323,"props":1560,"children":1561},{"style":342},[1562],{"type":246,"value":345},{"type":241,"tag":323,"props":1564,"children":1565},{"style":342},[1566],{"type":246,"value":350},{"type":241,"tag":323,"props":1568,"children":1569},{"style":330},[1570],{"type":246,"value":355},{"type":241,"tag":323,"props":1572,"children":1573},{"style":330},[1574],{"type":246,"value":360},{"type":241,"tag":323,"props":1576,"children":1577},{"style":363},[1578],{"type":246,"value":366},{"type":241,"tag":323,"props":1580,"children":1581},{"style":330},[1582],{"type":246,"value":360},{"type":241,"tag":323,"props":1584,"children":1585},{"style":330},[1586],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":1589,"children":1590},{"class":325,"style":326},[1591,1595,1600,1605,1609,1614],{"type":241,"tag":323,"props":1592,"children":1593},{"style":383},[1594],{"type":246,"value":386},{"type":241,"tag":323,"props":1596,"children":1597},{"style":394},[1598],{"type":246,"value":1599}," MyLightbox ",{"type":241,"tag":323,"props":1601,"children":1602},{"style":383},[1603],{"type":246,"value":1604},"from",{"type":241,"tag":323,"props":1606,"children":1607},{"style":330},[1608],{"type":246,"value":412},{"type":241,"tag":323,"props":1610,"children":1611},{"style":363},[1612],{"type":246,"value":1613},"~\u002Fcomponents\u002FMyLightbox.vue",{"type":241,"tag":323,"props":1615,"children":1616},{"style":330},[1617],{"type":246,"value":422},{"type":246,"value":377},{"type":241,"tag":323,"props":1620,"children":1621},{"class":325,"style":326},[1622,1626,1630],{"type":241,"tag":323,"props":1623,"children":1624},{"style":330},[1625],{"type":246,"value":431},{"type":241,"tag":323,"props":1627,"children":1628},{"style":336},[1629],{"type":246,"value":339},{"type":241,"tag":323,"props":1631,"children":1632},{"style":330},[1633],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":1636,"children":1637},{"class":325,"style":326},[],{"type":246,"value":377},{"type":241,"tag":323,"props":1640,"children":1641},{"class":325,"style":326},[1642,1646,1650],{"type":241,"tag":323,"props":1643,"children":1644},{"style":330},[1645],{"type":246,"value":333},{"type":241,"tag":323,"props":1647,"children":1648},{"style":336},[1649],{"type":246,"value":456},{"type":241,"tag":323,"props":1651,"children":1652},{"style":330},[1653],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":1656,"children":1657},{"class":325,"style":326},[1658,1662,1666,1671,1676,1680,1684,1688,1692,1696,1700,1704,1708,1713,1717],{"type":241,"tag":323,"props":1659,"children":1660},{"style":330},[1661],{"type":246,"value":469},{"type":241,"tag":323,"props":1663,"children":1664},{"style":336},[1665],{"type":246,"value":165},{"type":241,"tag":323,"props":1667,"children":1668},{"style":330},[1669],{"type":246,"value":1670}," :",{"type":241,"tag":323,"props":1672,"children":1673},{"style":342},[1674],{"type":246,"value":1675},"photos",{"type":241,"tag":323,"props":1677,"children":1678},{"style":330},[1679],{"type":246,"value":355},{"type":241,"tag":323,"props":1681,"children":1682},{"style":330},[1683],{"type":246,"value":360},{"type":241,"tag":323,"props":1685,"children":1686},{"style":394},[1687],{"type":246,"value":1675},{"type":241,"tag":323,"props":1689,"children":1690},{"style":330},[1691],{"type":246,"value":360},{"type":241,"tag":323,"props":1693,"children":1694},{"style":330},[1695],{"type":246,"value":1670},{"type":241,"tag":323,"props":1697,"children":1698},{"style":342},[1699],{"type":246,"value":1533},{"type":241,"tag":323,"props":1701,"children":1702},{"style":330},[1703],{"type":246,"value":355},{"type":241,"tag":323,"props":1705,"children":1706},{"style":330},[1707],{"type":246,"value":360},{"type":241,"tag":323,"props":1709,"children":1710},{"style":394},[1711],{"type":246,"value":1712},"MyLightbox",{"type":241,"tag":323,"props":1714,"children":1715},{"style":330},[1716],{"type":246,"value":360},{"type":241,"tag":323,"props":1718,"children":1719},{"style":330},[1720],{"type":246,"value":1721}," \u002F>",{"type":246,"value":377},{"type":241,"tag":323,"props":1724,"children":1725},{"class":325,"style":326},[1726,1730,1734],{"type":241,"tag":323,"props":1727,"children":1728},{"style":330},[1729],{"type":246,"value":431},{"type":241,"tag":323,"props":1731,"children":1732},{"style":336},[1733],{"type":246,"value":456},{"type":241,"tag":323,"props":1735,"children":1736},{"style":330},[1737],{"type":246,"value":375},{"type":241,"tag":1537,"props":1739,"children":1741},{"id":1740},"_2-use-it-on-one-component-photogroup",[1742],{"type":246,"value":170},{"type":241,"tag":312,"props":1744,"children":1745},{"language":314,"class":316},[1746],{"type":241,"tag":304,"props":1747,"children":1748},{"class":320},[1749,1788,1789,1816,1817,1832,1833,1836,1837,1852,1853,1916,1917,1956,1957,1972,1973],{"type":241,"tag":323,"props":1750,"children":1751},{"class":325,"style":326},[1752,1756,1760,1764,1768,1772,1776,1780,1784],{"type":241,"tag":323,"props":1753,"children":1754},{"style":330},[1755],{"type":246,"value":333},{"type":241,"tag":323,"props":1757,"children":1758},{"style":336},[1759],{"type":246,"value":339},{"type":241,"tag":323,"props":1761,"children":1762},{"style":342},[1763],{"type":246,"value":345},{"type":241,"tag":323,"props":1765,"children":1766},{"style":342},[1767],{"type":246,"value":350},{"type":241,"tag":323,"props":1769,"children":1770},{"style":330},[1771],{"type":246,"value":355},{"type":241,"tag":323,"props":1773,"children":1774},{"style":330},[1775],{"type":246,"value":360},{"type":241,"tag":323,"props":1777,"children":1778},{"style":363},[1779],{"type":246,"value":366},{"type":241,"tag":323,"props":1781,"children":1782},{"style":330},[1783],{"type":246,"value":360},{"type":241,"tag":323,"props":1785,"children":1786},{"style":330},[1787],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":1790,"children":1791},{"class":325,"style":326},[1792,1796,1800,1804,1808,1812],{"type":241,"tag":323,"props":1793,"children":1794},{"style":383},[1795],{"type":246,"value":386},{"type":241,"tag":323,"props":1797,"children":1798},{"style":394},[1799],{"type":246,"value":1599},{"type":241,"tag":323,"props":1801,"children":1802},{"style":383},[1803],{"type":246,"value":1604},{"type":241,"tag":323,"props":1805,"children":1806},{"style":330},[1807],{"type":246,"value":412},{"type":241,"tag":323,"props":1809,"children":1810},{"style":363},[1811],{"type":246,"value":1613},{"type":241,"tag":323,"props":1813,"children":1814},{"style":330},[1815],{"type":246,"value":422},{"type":246,"value":377},{"type":241,"tag":323,"props":1818,"children":1819},{"class":325,"style":326},[1820,1824,1828],{"type":241,"tag":323,"props":1821,"children":1822},{"style":330},[1823],{"type":246,"value":431},{"type":241,"tag":323,"props":1825,"children":1826},{"style":336},[1827],{"type":246,"value":339},{"type":241,"tag":323,"props":1829,"children":1830},{"style":330},[1831],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":1834,"children":1835},{"class":325,"style":326},[],{"type":246,"value":377},{"type":241,"tag":323,"props":1838,"children":1839},{"class":325,"style":326},[1840,1844,1848],{"type":241,"tag":323,"props":1841,"children":1842},{"style":330},[1843],{"type":246,"value":333},{"type":241,"tag":323,"props":1845,"children":1846},{"style":336},[1847],{"type":246,"value":456},{"type":241,"tag":323,"props":1849,"children":1850},{"style":330},[1851],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":1854,"children":1855},{"class":325,"style":326},[1856,1860,1864,1868,1872,1876,1880,1884,1888,1892,1896,1900,1904,1908,1912],{"type":241,"tag":323,"props":1857,"children":1858},{"style":330},[1859],{"type":246,"value":469},{"type":241,"tag":323,"props":1861,"children":1862},{"style":336},[1863],{"type":246,"value":170},{"type":241,"tag":323,"props":1865,"children":1866},{"style":330},[1867],{"type":246,"value":1670},{"type":241,"tag":323,"props":1869,"children":1870},{"style":342},[1871],{"type":246,"value":1675},{"type":241,"tag":323,"props":1873,"children":1874},{"style":330},[1875],{"type":246,"value":355},{"type":241,"tag":323,"props":1877,"children":1878},{"style":330},[1879],{"type":246,"value":360},{"type":241,"tag":323,"props":1881,"children":1882},{"style":394},[1883],{"type":246,"value":1675},{"type":241,"tag":323,"props":1885,"children":1886},{"style":330},[1887],{"type":246,"value":360},{"type":241,"tag":323,"props":1889,"children":1890},{"style":330},[1891],{"type":246,"value":1670},{"type":241,"tag":323,"props":1893,"children":1894},{"style":342},[1895],{"type":246,"value":1533},{"type":241,"tag":323,"props":1897,"children":1898},{"style":330},[1899],{"type":246,"value":355},{"type":241,"tag":323,"props":1901,"children":1902},{"style":330},[1903],{"type":246,"value":360},{"type":241,"tag":323,"props":1905,"children":1906},{"style":394},[1907],{"type":246,"value":1712},{"type":241,"tag":323,"props":1909,"children":1910},{"style":330},[1911],{"type":246,"value":360},{"type":241,"tag":323,"props":1913,"children":1914},{"style":330},[1915],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":1918,"children":1919},{"class":325,"style":326},[1920,1924,1928,1932,1936,1940,1944,1948,1952],{"type":241,"tag":323,"props":1921,"children":1922},{"style":330},[1923],{"type":246,"value":486},{"type":241,"tag":323,"props":1925,"children":1926},{"style":336},[1927],{"type":246,"value":165},{"type":241,"tag":323,"props":1929,"children":1930},{"style":330},[1931],{"type":246,"value":1670},{"type":241,"tag":323,"props":1933,"children":1934},{"style":342},[1935],{"type":246,"value":1675},{"type":241,"tag":323,"props":1937,"children":1938},{"style":330},[1939],{"type":246,"value":355},{"type":241,"tag":323,"props":1941,"children":1942},{"style":330},[1943],{"type":246,"value":360},{"type":241,"tag":323,"props":1945,"children":1946},{"style":394},[1947],{"type":246,"value":1675},{"type":241,"tag":323,"props":1949,"children":1950},{"style":330},[1951],{"type":246,"value":360},{"type":241,"tag":323,"props":1953,"children":1954},{"style":330},[1955],{"type":246,"value":1721},{"type":246,"value":377},{"type":241,"tag":323,"props":1958,"children":1959},{"class":325,"style":326},[1960,1964,1968],{"type":241,"tag":323,"props":1961,"children":1962},{"style":330},[1963],{"type":246,"value":1488},{"type":241,"tag":323,"props":1965,"children":1966},{"style":336},[1967],{"type":246,"value":170},{"type":241,"tag":323,"props":1969,"children":1970},{"style":330},[1971],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":1974,"children":1975},{"class":325,"style":326},[1976,1980,1984],{"type":241,"tag":323,"props":1977,"children":1978},{"style":330},[1979],{"type":246,"value":431},{"type":241,"tag":323,"props":1981,"children":1982},{"style":336},[1983],{"type":246,"value":456},{"type":241,"tag":323,"props":1985,"children":1986},{"style":330},[1987],{"type":246,"value":375},{"type":241,"tag":1537,"props":1989,"children":1991},{"id":1990},"_2-use-it-on-one-component-photocarousel",[1992],{"type":246,"value":175},{"type":241,"tag":312,"props":1994,"children":1995},{"language":314,"class":316},[1996],{"type":241,"tag":304,"props":1997,"children":1998},{"class":320},[1999,2038,2039,2066,2067,2082,2083,2086,2087,2102,2103,2166,2167],{"type":241,"tag":323,"props":2000,"children":2001},{"class":325,"style":326},[2002,2006,2010,2014,2018,2022,2026,2030,2034],{"type":241,"tag":323,"props":2003,"children":2004},{"style":330},[2005],{"type":246,"value":333},{"type":241,"tag":323,"props":2007,"children":2008},{"style":336},[2009],{"type":246,"value":339},{"type":241,"tag":323,"props":2011,"children":2012},{"style":342},[2013],{"type":246,"value":345},{"type":241,"tag":323,"props":2015,"children":2016},{"style":342},[2017],{"type":246,"value":350},{"type":241,"tag":323,"props":2019,"children":2020},{"style":330},[2021],{"type":246,"value":355},{"type":241,"tag":323,"props":2023,"children":2024},{"style":330},[2025],{"type":246,"value":360},{"type":241,"tag":323,"props":2027,"children":2028},{"style":363},[2029],{"type":246,"value":366},{"type":241,"tag":323,"props":2031,"children":2032},{"style":330},[2033],{"type":246,"value":360},{"type":241,"tag":323,"props":2035,"children":2036},{"style":330},[2037],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":2040,"children":2041},{"class":325,"style":326},[2042,2046,2050,2054,2058,2062],{"type":241,"tag":323,"props":2043,"children":2044},{"style":383},[2045],{"type":246,"value":386},{"type":241,"tag":323,"props":2047,"children":2048},{"style":394},[2049],{"type":246,"value":1599},{"type":241,"tag":323,"props":2051,"children":2052},{"style":383},[2053],{"type":246,"value":1604},{"type":241,"tag":323,"props":2055,"children":2056},{"style":330},[2057],{"type":246,"value":412},{"type":241,"tag":323,"props":2059,"children":2060},{"style":363},[2061],{"type":246,"value":1613},{"type":241,"tag":323,"props":2063,"children":2064},{"style":330},[2065],{"type":246,"value":422},{"type":246,"value":377},{"type":241,"tag":323,"props":2068,"children":2069},{"class":325,"style":326},[2070,2074,2078],{"type":241,"tag":323,"props":2071,"children":2072},{"style":330},[2073],{"type":246,"value":431},{"type":241,"tag":323,"props":2075,"children":2076},{"style":336},[2077],{"type":246,"value":339},{"type":241,"tag":323,"props":2079,"children":2080},{"style":330},[2081],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":2084,"children":2085},{"class":325,"style":326},[],{"type":246,"value":377},{"type":241,"tag":323,"props":2088,"children":2089},{"class":325,"style":326},[2090,2094,2098],{"type":241,"tag":323,"props":2091,"children":2092},{"style":330},[2093],{"type":246,"value":333},{"type":241,"tag":323,"props":2095,"children":2096},{"style":336},[2097],{"type":246,"value":456},{"type":241,"tag":323,"props":2099,"children":2100},{"style":330},[2101],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":2104,"children":2105},{"class":325,"style":326},[2106,2110,2114,2118,2122,2126,2130,2134,2138,2142,2146,2150,2154,2158,2162],{"type":241,"tag":323,"props":2107,"children":2108},{"style":330},[2109],{"type":246,"value":469},{"type":241,"tag":323,"props":2111,"children":2112},{"style":336},[2113],{"type":246,"value":175},{"type":241,"tag":323,"props":2115,"children":2116},{"style":330},[2117],{"type":246,"value":1670},{"type":241,"tag":323,"props":2119,"children":2120},{"style":342},[2121],{"type":246,"value":1675},{"type":241,"tag":323,"props":2123,"children":2124},{"style":330},[2125],{"type":246,"value":355},{"type":241,"tag":323,"props":2127,"children":2128},{"style":330},[2129],{"type":246,"value":360},{"type":241,"tag":323,"props":2131,"children":2132},{"style":394},[2133],{"type":246,"value":1675},{"type":241,"tag":323,"props":2135,"children":2136},{"style":330},[2137],{"type":246,"value":360},{"type":241,"tag":323,"props":2139,"children":2140},{"style":330},[2141],{"type":246,"value":1670},{"type":241,"tag":323,"props":2143,"children":2144},{"style":342},[2145],{"type":246,"value":1533},{"type":241,"tag":323,"props":2147,"children":2148},{"style":330},[2149],{"type":246,"value":355},{"type":241,"tag":323,"props":2151,"children":2152},{"style":330},[2153],{"type":246,"value":360},{"type":241,"tag":323,"props":2155,"children":2156},{"style":394},[2157],{"type":246,"value":1712},{"type":241,"tag":323,"props":2159,"children":2160},{"style":330},[2161],{"type":246,"value":360},{"type":241,"tag":323,"props":2163,"children":2164},{"style":330},[2165],{"type":246,"value":1721},{"type":246,"value":377},{"type":241,"tag":323,"props":2168,"children":2169},{"class":325,"style":326},[2170,2174,2178],{"type":241,"tag":323,"props":2171,"children":2172},{"style":330},[2173],{"type":246,"value":431},{"type":241,"tag":323,"props":2175,"children":2176},{"style":336},[2177],{"type":246,"value":456},{"type":241,"tag":323,"props":2179,"children":2180},{"style":330},[2181],{"type":246,"value":375},{"type":241,"tag":292,"props":2183,"children":2185},{"id":2184},"_3-customize-slides-only-when-you-need-to",[2186],{"type":246,"value":2187},"3. Customize slides only when you need to",{"type":241,"tag":242,"props":2189,"children":2190},{},[2191,2193,2197,2199,2204],{"type":246,"value":2192},"The included ",{"type":241,"tag":304,"props":2194,"children":2195},{},[2196],{"type":246,"value":308},{"type":246,"value":2198}," also supports a ",{"type":241,"tag":304,"props":2200,"children":2201},{},[2202],{"type":246,"value":2203},"slide",{"type":246,"value":2205}," slot:",{"type":241,"tag":312,"props":2207,"children":2208},{"language":314,"class":316},[2209],{"type":241,"tag":304,"props":2210,"children":2211},{"class":320},[2212,2251,2252,2296,2297,2312,2313,2316,2317,2332,2333,2348,2349,2397,2398,2435,2436,2519,2520,2557,2558,2565,2566,2581,2582,2597,2598,2613,2614,2629,2630],{"type":241,"tag":323,"props":2213,"children":2214},{"class":325,"style":326},[2215,2219,2223,2227,2231,2235,2239,2243,2247],{"type":241,"tag":323,"props":2216,"children":2217},{"style":330},[2218],{"type":246,"value":333},{"type":241,"tag":323,"props":2220,"children":2221},{"style":336},[2222],{"type":246,"value":339},{"type":241,"tag":323,"props":2224,"children":2225},{"style":342},[2226],{"type":246,"value":345},{"type":241,"tag":323,"props":2228,"children":2229},{"style":342},[2230],{"type":246,"value":350},{"type":241,"tag":323,"props":2232,"children":2233},{"style":330},[2234],{"type":246,"value":355},{"type":241,"tag":323,"props":2236,"children":2237},{"style":330},[2238],{"type":246,"value":360},{"type":241,"tag":323,"props":2240,"children":2241},{"style":363},[2242],{"type":246,"value":366},{"type":241,"tag":323,"props":2244,"children":2245},{"style":330},[2246],{"type":246,"value":360},{"type":241,"tag":323,"props":2248,"children":2249},{"style":330},[2250],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":2253,"children":2254},{"class":325,"style":326},[2255,2259,2263,2267,2271,2276,2280,2284,2288,2292],{"type":241,"tag":323,"props":2256,"children":2257},{"style":383},[2258],{"type":246,"value":386},{"type":241,"tag":323,"props":2260,"children":2261},{"style":330},[2262],{"type":246,"value":391},{"type":241,"tag":323,"props":2264,"children":2265},{"style":394},[2266],{"type":246,"value":397},{"type":241,"tag":323,"props":2268,"children":2269},{"style":330},[2270],{"type":246,"value":523},{"type":241,"tag":323,"props":2272,"children":2273},{"style":394},[2274],{"type":246,"value":2275}," PhotoImage",{"type":241,"tag":323,"props":2277,"children":2278},{"style":330},[2279],{"type":246,"value":402},{"type":241,"tag":323,"props":2281,"children":2282},{"style":383},[2283],{"type":246,"value":407},{"type":241,"tag":323,"props":2285,"children":2286},{"style":330},[2287],{"type":246,"value":412},{"type":241,"tag":323,"props":2289,"children":2290},{"style":363},[2291],{"type":246,"value":417},{"type":241,"tag":323,"props":2293,"children":2294},{"style":330},[2295],{"type":246,"value":422},{"type":246,"value":377},{"type":241,"tag":323,"props":2298,"children":2299},{"class":325,"style":326},[2300,2304,2308],{"type":241,"tag":323,"props":2301,"children":2302},{"style":330},[2303],{"type":246,"value":431},{"type":241,"tag":323,"props":2305,"children":2306},{"style":336},[2307],{"type":246,"value":339},{"type":241,"tag":323,"props":2309,"children":2310},{"style":330},[2311],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":2314,"children":2315},{"class":325,"style":326},[],{"type":246,"value":377},{"type":241,"tag":323,"props":2318,"children":2319},{"class":325,"style":326},[2320,2324,2328],{"type":241,"tag":323,"props":2321,"children":2322},{"style":330},[2323],{"type":246,"value":333},{"type":241,"tag":323,"props":2325,"children":2326},{"style":336},[2327],{"type":246,"value":456},{"type":241,"tag":323,"props":2329,"children":2330},{"style":330},[2331],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":2334,"children":2335},{"class":325,"style":326},[2336,2340,2344],{"type":241,"tag":323,"props":2337,"children":2338},{"style":330},[2339],{"type":246,"value":469},{"type":241,"tag":323,"props":2341,"children":2342},{"style":336},[2343],{"type":246,"value":180},{"type":241,"tag":323,"props":2345,"children":2346},{"style":330},[2347],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":2350,"children":2351},{"class":325,"style":326},[2352,2356,2360,2364,2368,2372,2376,2380,2385,2389,2393],{"type":241,"tag":323,"props":2353,"children":2354},{"style":330},[2355],{"type":246,"value":486},{"type":241,"tag":323,"props":2357,"children":2358},{"style":336},[2359],{"type":246,"value":456},{"type":241,"tag":323,"props":2361,"children":2362},{"style":330},[2363],{"type":246,"value":495},{"type":241,"tag":323,"props":2365,"children":2366},{"style":342},[2367],{"type":246,"value":2203},{"type":241,"tag":323,"props":2369,"children":2370},{"style":330},[2371],{"type":246,"value":355},{"type":241,"tag":323,"props":2373,"children":2374},{"style":330},[2375],{"type":246,"value":360},{"type":241,"tag":323,"props":2377,"children":2378},{"style":330},[2379],{"type":246,"value":513},{"type":241,"tag":323,"props":2381,"children":2382},{"style":394},[2383],{"type":246,"value":2384}," photo ",{"type":241,"tag":323,"props":2386,"children":2387},{"style":330},[2388],{"type":246,"value":533},{"type":241,"tag":323,"props":2390,"children":2391},{"style":330},[2392],{"type":246,"value":360},{"type":241,"tag":323,"props":2394,"children":2395},{"style":330},[2396],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":2399,"children":2400},{"class":325,"style":326},[2401,2405,2410,2414,2418,2422,2427,2431],{"type":241,"tag":323,"props":2402,"children":2403},{"style":330},[2404],{"type":246,"value":550},{"type":241,"tag":323,"props":2406,"children":2407},{"style":336},[2408],{"type":246,"value":2409},"figure",{"type":241,"tag":323,"props":2411,"children":2412},{"style":342},[2413],{"type":246,"value":560},{"type":241,"tag":323,"props":2415,"children":2416},{"style":330},[2417],{"type":246,"value":355},{"type":241,"tag":323,"props":2419,"children":2420},{"style":330},[2421],{"type":246,"value":360},{"type":241,"tag":323,"props":2423,"children":2424},{"style":363},[2425],{"type":246,"value":2426},"relative h-full w-full",{"type":241,"tag":323,"props":2428,"children":2429},{"style":330},[2430],{"type":246,"value":360},{"type":241,"tag":323,"props":2432,"children":2433},{"style":330},[2434],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":2437,"children":2438},{"class":325,"style":326},[2439,2443,2448,2452,2457,2461,2465,2469,2473,2478,2482,2486,2490,2494,2498,2502,2506,2511,2515],{"type":241,"tag":323,"props":2440,"children":2441},{"style":330},[2442],{"type":246,"value":724},{"type":241,"tag":323,"props":2444,"children":2445},{"style":336},[2446],{"type":246,"value":2447},"PhotoImage",{"type":241,"tag":323,"props":2449,"children":2450},{"style":330},[2451],{"type":246,"value":1670},{"type":241,"tag":323,"props":2453,"children":2454},{"style":342},[2455],{"type":246,"value":2456},"photo",{"type":241,"tag":323,"props":2458,"children":2459},{"style":330},[2460],{"type":246,"value":355},{"type":241,"tag":323,"props":2462,"children":2463},{"style":330},[2464],{"type":246,"value":360},{"type":241,"tag":323,"props":2466,"children":2467},{"style":394},[2468],{"type":246,"value":2456},{"type":241,"tag":323,"props":2470,"children":2471},{"style":330},[2472],{"type":246,"value":360},{"type":241,"tag":323,"props":2474,"children":2475},{"style":342},[2476],{"type":246,"value":2477}," context",{"type":241,"tag":323,"props":2479,"children":2480},{"style":330},[2481],{"type":246,"value":355},{"type":241,"tag":323,"props":2483,"children":2484},{"style":330},[2485],{"type":246,"value":360},{"type":241,"tag":323,"props":2487,"children":2488},{"style":363},[2489],{"type":246,"value":2203},{"type":241,"tag":323,"props":2491,"children":2492},{"style":330},[2493],{"type":246,"value":360},{"type":241,"tag":323,"props":2495,"children":2496},{"style":342},[2497],{"type":246,"value":560},{"type":241,"tag":323,"props":2499,"children":2500},{"style":330},[2501],{"type":246,"value":355},{"type":241,"tag":323,"props":2503,"children":2504},{"style":330},[2505],{"type":246,"value":360},{"type":241,"tag":323,"props":2507,"children":2508},{"style":363},[2509],{"type":246,"value":2510},"h-full w-full object-contain",{"type":241,"tag":323,"props":2512,"children":2513},{"style":330},[2514],{"type":246,"value":360},{"type":241,"tag":323,"props":2516,"children":2517},{"style":330},[2518],{"type":246,"value":1721},{"type":246,"value":377},{"type":241,"tag":323,"props":2521,"children":2522},{"class":325,"style":326},[2523,2527,2532,2536,2540,2544,2549,2553],{"type":241,"tag":323,"props":2524,"children":2525},{"style":330},[2526],{"type":246,"value":724},{"type":241,"tag":323,"props":2528,"children":2529},{"style":336},[2530],{"type":246,"value":2531},"figcaption",{"type":241,"tag":323,"props":2533,"children":2534},{"style":342},[2535],{"type":246,"value":560},{"type":241,"tag":323,"props":2537,"children":2538},{"style":330},[2539],{"type":246,"value":355},{"type":241,"tag":323,"props":2541,"children":2542},{"style":330},[2543],{"type":246,"value":360},{"type":241,"tag":323,"props":2545,"children":2546},{"style":363},[2547],{"type":246,"value":2548},"absolute right-4 bottom-4 rounded bg-black\u002F70 px-3 py-2 text-white",{"type":241,"tag":323,"props":2550,"children":2551},{"style":330},[2552],{"type":246,"value":360},{"type":241,"tag":323,"props":2554,"children":2555},{"style":330},[2556],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":2559,"children":2560},{"class":325,"style":326},[2561],{"type":241,"tag":323,"props":2562,"children":2563},{"style":394},[2564],{"type":246,"value":838},{"type":246,"value":377},{"type":241,"tag":323,"props":2567,"children":2568},{"class":325,"style":326},[2569,2573,2577],{"type":241,"tag":323,"props":2570,"children":2571},{"style":330},[2572],{"type":246,"value":847},{"type":241,"tag":323,"props":2574,"children":2575},{"style":336},[2576],{"type":246,"value":2531},{"type":241,"tag":323,"props":2578,"children":2579},{"style":330},[2580],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":2583,"children":2584},{"class":325,"style":326},[2585,2589,2593],{"type":241,"tag":323,"props":2586,"children":2587},{"style":330},[2588],{"type":246,"value":947},{"type":241,"tag":323,"props":2590,"children":2591},{"style":336},[2592],{"type":246,"value":2409},{"type":241,"tag":323,"props":2594,"children":2595},{"style":330},[2596],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":2599,"children":2600},{"class":325,"style":326},[2601,2605,2609],{"type":241,"tag":323,"props":2602,"children":2603},{"style":330},[2604],{"type":246,"value":607},{"type":241,"tag":323,"props":2606,"children":2607},{"style":336},[2608],{"type":246,"value":456},{"type":241,"tag":323,"props":2610,"children":2611},{"style":330},[2612],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":2615,"children":2616},{"class":325,"style":326},[2617,2621,2625],{"type":241,"tag":323,"props":2618,"children":2619},{"style":330},[2620],{"type":246,"value":1488},{"type":241,"tag":323,"props":2622,"children":2623},{"style":336},[2624],{"type":246,"value":180},{"type":241,"tag":323,"props":2626,"children":2627},{"style":330},[2628],{"type":246,"value":375},{"type":246,"value":377},{"type":241,"tag":323,"props":2631,"children":2632},{"class":325,"style":326},[2633,2637,2641],{"type":241,"tag":323,"props":2634,"children":2635},{"style":330},[2636],{"type":246,"value":431},{"type":241,"tag":323,"props":2638,"children":2639},{"style":336},[2640],{"type":246,"value":456},{"type":241,"tag":323,"props":2642,"children":2643},{"style":330},[2644],{"type":246,"value":375},{"type":241,"tag":242,"props":2646,"children":2647},{},[2648],{"type":246,"value":2649},"Use this when the built-in lightbox is still the right shell, but a photo needs\nan overlay or different image composition.",{"type":241,"tag":292,"props":2651,"children":2653},{"id":2652},"when-this-guide-is-enough",[2654],{"type":246,"value":2655},"When this guide is enough",{"type":241,"tag":242,"props":2657,"children":2658},{},[2659],{"type":246,"value":2660},"Stay on this path when:",{"type":241,"tag":254,"props":2662,"children":2663},{},[2664,2669,2674],{"type":241,"tag":258,"props":2665,"children":2666},{},[2667],{"type":246,"value":2668},"the built-in lightbox behavior is correct",{"type":241,"tag":258,"props":2670,"children":2671},{},[2672],{"type":246,"value":2673},"you only want different UI chrome",{"type":241,"tag":258,"props":2675,"children":2676},{},[2677],{"type":246,"value":2678},"you want to keep the existing lightbox behavior",{"type":241,"tag":242,"props":2680,"children":2681},{},[2682,2684,2688],{"type":246,"value":2683},"Move to ",{"type":241,"tag":284,"props":2685,"children":2686},{"href":100},[2687],{"type":246,"value":97},{"type":246,"value":2689},"\nwhen you need to compose the overlay, viewport, controls, and caption yourself.",{"type":241,"tag":292,"props":2691,"children":2693},{"id":2692},"apply-the-lightbox-globally",[2694],{"type":246,"value":2695},"Apply the lightbox globally",{"type":241,"tag":242,"props":2697,"children":2698},{},[2699],{"type":246,"value":2700},"If most galleries in the app should use the same custom lightbox, set it once globally.",{"type":241,"tag":312,"props":2702,"children":2704},{"language":366,"filename":2703,"class":316},"app\u002Fplugins\u002Fphoto-lightbox.ts",[2705],{"type":241,"tag":304,"props":2706,"children":2708},{"class":2707},"language-ts",[2709,2745,2746,2773,2774,2777,2778,2826,2827,2875,2876],{"type":241,"tag":323,"props":2710,"children":2711},{"class":325,"style":326},[2712,2716,2720,2725,2729,2733,2737,2741],{"type":241,"tag":323,"props":2713,"children":2714},{"style":383},[2715],{"type":246,"value":386},{"type":241,"tag":323,"props":2717,"children":2718},{"style":330},[2719],{"type":246,"value":391},{"type":241,"tag":323,"props":2721,"children":2722},{"style":394},[2723],{"type":246,"value":2724}," LightboxComponentKey",{"type":241,"tag":323,"props":2726,"children":2727},{"style":330},[2728],{"type":246,"value":402},{"type":241,"tag":323,"props":2730,"children":2731},{"style":383},[2732],{"type":246,"value":407},{"type":241,"tag":323,"props":2734,"children":2735},{"style":330},[2736],{"type":246,"value":412},{"type":241,"tag":323,"props":2738,"children":2739},{"style":363},[2740],{"type":246,"value":417},{"type":241,"tag":323,"props":2742,"children":2743},{"style":330},[2744],{"type":246,"value":422},{"type":246,"value":377},{"type":241,"tag":323,"props":2747,"children":2748},{"class":325,"style":326},[2749,2753,2757,2761,2765,2769],{"type":241,"tag":323,"props":2750,"children":2751},{"style":383},[2752],{"type":246,"value":386},{"type":241,"tag":323,"props":2754,"children":2755},{"style":394},[2756],{"type":246,"value":1599},{"type":241,"tag":323,"props":2758,"children":2759},{"style":383},[2760],{"type":246,"value":1604},{"type":241,"tag":323,"props":2762,"children":2763},{"style":330},[2764],{"type":246,"value":412},{"type":241,"tag":323,"props":2766,"children":2767},{"style":363},[2768],{"type":246,"value":1613},{"type":241,"tag":323,"props":2770,"children":2771},{"style":330},[2772],{"type":246,"value":422},{"type":246,"value":377},{"type":241,"tag":323,"props":2775,"children":2776},{"class":325,"style":326},[],{"type":246,"value":377},{"type":241,"tag":323,"props":2779,"children":2780},{"class":325,"style":326},[2781,2786,2791,2797,2802,2806,2812,2817,2822],{"type":241,"tag":323,"props":2782,"children":2783},{"style":383},[2784],{"type":246,"value":2785},"export",{"type":241,"tag":323,"props":2787,"children":2788},{"style":383},[2789],{"type":246,"value":2790}," default",{"type":241,"tag":323,"props":2792,"children":2794},{"style":2793},"color:#6182B8;--shiki-dark:#82AAFF",[2795],{"type":246,"value":2796}," defineNuxtPlugin",{"type":241,"tag":323,"props":2798,"children":2799},{"style":394},[2800],{"type":246,"value":2801},"(",{"type":241,"tag":323,"props":2803,"children":2804},{"style":330},[2805],{"type":246,"value":2801},{"type":241,"tag":323,"props":2807,"children":2809},{"style":2808},"color:#90A4AE;--shiki-light-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[2810],{"type":246,"value":2811},"nuxtApp",{"type":241,"tag":323,"props":2813,"children":2814},{"style":330},[2815],{"type":246,"value":2816},")",{"type":241,"tag":323,"props":2818,"children":2819},{"style":342},[2820],{"type":246,"value":2821}," =>",{"type":241,"tag":323,"props":2823,"children":2824},{"style":330},[2825],{"type":246,"value":391},{"type":246,"value":377},{"type":241,"tag":323,"props":2828,"children":2829},{"class":325,"style":326},[2830,2835,2839,2844,2848,2853,2857,2862,2866,2871],{"type":241,"tag":323,"props":2831,"children":2832},{"style":394},[2833],{"type":246,"value":2834},"  nuxtApp",{"type":241,"tag":323,"props":2836,"children":2837},{"style":330},[2838],{"type":246,"value":290},{"type":241,"tag":323,"props":2840,"children":2841},{"style":394},[2842],{"type":246,"value":2843},"vueApp",{"type":241,"tag":323,"props":2845,"children":2846},{"style":330},[2847],{"type":246,"value":290},{"type":241,"tag":323,"props":2849,"children":2850},{"style":2793},[2851],{"type":246,"value":2852},"provide",{"type":241,"tag":323,"props":2854,"children":2855},{"style":336},[2856],{"type":246,"value":2801},{"type":241,"tag":323,"props":2858,"children":2859},{"style":394},[2860],{"type":246,"value":2861},"LightboxComponentKey",{"type":241,"tag":323,"props":2863,"children":2864},{"style":330},[2865],{"type":246,"value":523},{"type":241,"tag":323,"props":2867,"children":2868},{"style":394},[2869],{"type":246,"value":2870}," MyLightbox",{"type":241,"tag":323,"props":2872,"children":2873},{"style":336},[2874],{"type":246,"value":2816},{"type":246,"value":377},{"type":241,"tag":323,"props":2877,"children":2878},{"class":325,"style":326},[2879,2883],{"type":241,"tag":323,"props":2880,"children":2881},{"style":330},[2882],{"type":246,"value":533},{"type":241,"tag":323,"props":2884,"children":2885},{"style":394},[2886],{"type":246,"value":2816},{"type":241,"tag":242,"props":2888,"children":2889},{},[2890,2892,2896,2898,2902,2904,2908,2910,2914,2916,2920,2922,2926],{"type":246,"value":2891},"Ready-made components now use ",{"type":241,"tag":304,"props":2893,"children":2894},{},[2895],{"type":246,"value":1712},{"type":246,"value":2897}," unless their ",{"type":241,"tag":304,"props":2899,"children":2900},{},[2901],{"type":246,"value":1533},{"type":246,"value":2903}," prop provides a\ndifferent component. The global component does not enable a lightbox by itself.\n",{"type":241,"tag":304,"props":2905,"children":2906},{},[2907],{"type":246,"value":160},{"type":246,"value":2909}," and ",{"type":241,"tag":304,"props":2911,"children":2912},{},[2913],{"type":246,"value":175},{"type":246,"value":2915}," still require ",{"type":241,"tag":304,"props":2917,"children":2918},{},[2919],{"type":246,"value":1533},{"type":246,"value":2921}," to be enabled. An explicit\ncomponent passed through the ",{"type":241,"tag":304,"props":2923,"children":2924},{},[2925],{"type":246,"value":1533},{"type":246,"value":2927}," prop takes precedence over the global\ncomponent.",{"title":2929,"searchDepth":2930,"depth":2930,"links":2931},"",4,[2932,2934,2940,2941,2942],{"id":294,"depth":2933,"text":297},2,{"id":1520,"depth":2933,"text":1523,"children":2935},[2936,2938,2939],{"id":1539,"depth":2937,"text":165},3,{"id":1740,"depth":2937,"text":170},{"id":1990,"depth":2937,"text":175},{"id":2184,"depth":2933,"text":2187},{"id":2652,"depth":2933,"text":2655},{"id":2692,"depth":2933,"text":2695},"markdown","docs",{"source":2946,"path":2947,"stem":2948,"dir":2949,"extension":2950},"content","docs\u002F2.guides\u002F8.customize-the-built-in-lightbox.md","docs\u002F2.guides\u002F8.customize-the-built-in-lightbox","guides","md",{"requestedPath":95,"resolvedPath":95,"alternates":2952},[],{"requested":2954,"resolved":2955,"usedFallback":6},{},{"locale":8},{"previous":2957,"next":2958},{"title":87,"id":88,"canonicalKey":89,"locale":8,"draft":6,"path":90},{"title":97,"id":98,"canonicalKey":99,"locale":8,"draft":6,"path":100},{"left":2960,"top":2960,"width":2961,"height":2962,"rotate":2960,"vFlip":6,"hFlip":6,"body":2963},0,256,221,"\u003Cpath fill=\"#41b883\" d=\"M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0z\"\u002F>\u003Cpath fill=\"#41b883\" d=\"m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0z\"\u002F>\u003Cpath fill=\"#35495e\" d=\"M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0z\"\u002F>",{"left":2960,"top":2960,"width":2961,"height":2961,"rotate":2960,"vFlip":6,"hFlip":6,"body":2965},"\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":2960,"top":2960,"width":2967,"height":2967,"rotate":2960,"vFlip":6,"hFlip":6,"body":2968},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>",1788702882317]