[{"data":1,"prerenderedAt":946},["ShallowReactive",2],{"navigation_docs":3,"-use-cases-modal-nested":108,"-use-cases-modal-nested-surround":941},[4,33,67],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":32},"Get Started","heroicons-outline:book-open","\u002Fget-started","2.get-started",[10],{"title":11,"icon":12,"path":13,"stem":14,"children":15,"page":32},"Guide","akar-icons:book","\u002Fget-started\u002Fguide","2.get-started\u002F1.guide",[16,20,24,28],{"title":17,"path":18,"stem":19},"Concepts","\u002Fget-started\u002Fguide\u002Fconcepts","2.get-started\u002F1.guide\u002F1.concepts",{"title":21,"path":22,"stem":23},"Setup","\u002Fget-started\u002Fguide\u002Fsetup","2.get-started\u002F1.guide\u002F2.setup",{"title":25,"path":26,"stem":27},"Migration Guide","\u002Fget-started\u002Fguide\u002Fmigration-guide","2.get-started\u002F1.guide\u002F3.migration-guide",{"title":29,"path":30,"stem":31},"Types","\u002Fget-started\u002Fguide\u002Ftypes","2.get-started\u002F1.guide\u002F4.types",false,{"title":34,"icon":35,"path":36,"stem":37,"children":38,"page":32},"API","heroicons-outline:bookmark-alt","\u002Fapi","3.api",[39,53],{"title":40,"icon":41,"path":42,"stem":43,"children":44,"page":32},"Components","heroicons-outline:cube","\u002Fapi\u002Fcomponents","3.api\u002F1.components",[45,49],{"title":46,"path":47,"stem":48},"\u003CVueFinalModal>","\u002Fapi\u002Fcomponents\u002Fvue-final-modal","3.api\u002F1.components\u002F1.vue-final-modal",{"title":50,"path":51,"stem":52},"\u003CModalsContainer>","\u002Fapi\u002Fcomponents\u002Fmodals-container","3.api\u002F1.components\u002F2.modals-container",{"title":54,"icon":55,"path":56,"stem":57,"children":58,"page":32},"Composables","heroicons-outline:switch-horizontal","\u002Fapi\u002Fcomposables","3.api\u002F2.composables",[59,63],{"title":60,"path":61,"stem":62},"useModal()","\u002Fapi\u002Fcomposables\u002Fuse-modal","3.api\u002F2.composables\u002F1.use-modal",{"title":64,"path":65,"stem":66},"useVfm()","\u002Fapi\u002Fcomposables\u002Fuse-vfm","3.api\u002F2.composables\u002F2.use-vfm",{"title":68,"path":69,"stem":70,"children":71,"page":32},"Use Cases","\u002Fuse-cases","4.use-cases",[72,76,80,84,88,92,96,100,104],{"title":73,"path":74,"stem":75},"Playground","\u002Fuse-cases\u002Fplayground","4.use-cases\u002F1.playground",{"title":77,"path":78,"stem":79},"Modal Keep Alive","\u002Fuse-cases\u002Fmodal-keep-alive","4.use-cases\u002F10.modal-keep-alive",{"title":81,"path":82,"stem":83},"Modal Confirm","\u002Fuse-cases\u002Fconfirm-modal","4.use-cases\u002F3.confirm-modal",{"title":85,"path":86,"stem":87},"Modal Nested","\u002Fuse-cases\u002Fmodal-nested","4.use-cases\u002F4.modal-nested",{"title":89,"path":90,"stem":91},"Modal Fullscreen","\u002Fuse-cases\u002Fmodal-fullscreen","4.use-cases\u002F5.modal-fullscreen",{"title":93,"path":94,"stem":95},"Modal Bottom","\u002Fuse-cases\u002Fmodal-bottom","4.use-cases\u002F6.modal-bottom",{"title":97,"path":98,"stem":99},"Modal Login Form","\u002Fuse-cases\u002Fmodal-login-form","4.use-cases\u002F7.modal-login-form",{"title":101,"path":102,"stem":103},"Modal Drag Resize","\u002Fuse-cases\u002Fmodal-drag-resize","4.use-cases\u002F8.modal-drag-resize",{"title":105,"path":106,"stem":107},"Modal Long Scroll","\u002Fuse-cases\u002Fmodal-long-scroll","4.use-cases\u002F9.modal-long-scroll",{"id":109,"title":85,"body":110,"description":933,"extension":934,"links":935,"meta":936,"navigation":225,"path":86,"seo":939,"stem":87,"__hash__":940},"docs\u002F4.use-cases\u002F4.modal-nested.md",{"type":111,"value":112,"toc":928},"minimark",[113,118,578,585,924],[114,115,117],"h2",{"id":116},"preview","Preview",[119,120,121,124],"code-preview",{},[122,123],"modal-nested-preview",{},[125,126,128],"template",{"v-slot:code":127},"",[129,130,135],"pre",{"className":131,"code":132,"filename":133,"language":134,"meta":127,"style":127},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","  \u003Cscript setup lang=\"ts\">\n  import { useModal } from 'vue-final-modal'\n  import ModalConfirm from '.\u002FModalConfirm.vue'\n\n  const modalFirst = useModal({\n    component: ModalConfirm,\n    attrs: {\n      title: 'The first confirm modal',\n      onConfirm() {\n        modalSecond.open()\n      },\n    },\n    slots: {\n      default: 'Magna deserunt nulla aliquip velit aute. Et occaecat elit nulla excepteur labore cupidatat. Duis culpa mollit commodo dolor qui Lorem qui laborum elit elit Lorem occaecat. Commodo eiusmod esse voluptate officia amet quis occaecat aliqua. Proident do irure amet ut occaecat dolor laboris consectetur.',\n    },\n  })\n\n  const modalSecond = useModal({\n    component: ModalConfirm,\n    attrs: {\n      title: 'The second confirm modal',\n      onConfirm() {\n        modalSecond.close()\n      },\n    },\n  })\n\n  function openConfirm2() {\n    modalSecond.open()\n  }\n  \u003C\u002Fscript>\n\n  \u003Ctemplate>\n    \u003CVButton @click=\"() => modalFirst.open()\">\n      Open Modal\n    \u003C\u002FVButton>\n\n  \u003C\u002Ftemplate>\n","Preview.vue","vue",[136,137,138,173,202,220,227,247,262,273,291,302,317,323,329,339,356,361,370,375,391,402,411,427,436,448,453,458,465,470,483,495,501,511,516,525,548,554,564,569],"code",{"__ignoreMap":127},[139,140,143,147,151,155,158,161,164,168,170],"span",{"class":141,"line":142},"line",1,[139,144,146],{"class":145},"sMK4o","  \u003C",[139,148,150],{"class":149},"swJcz","script",[139,152,154],{"class":153},"spNyl"," setup",[139,156,157],{"class":153}," lang",[139,159,160],{"class":145},"=",[139,162,163],{"class":145},"\"",[139,165,167],{"class":166},"sfazB","ts",[139,169,163],{"class":145},[139,171,172],{"class":145},">\n",[139,174,176,180,183,187,190,193,196,199],{"class":141,"line":175},2,[139,177,179],{"class":178},"s7zQu","  import",[139,181,182],{"class":145}," {",[139,184,186],{"class":185},"sTEyZ"," useModal",[139,188,189],{"class":145}," }",[139,191,192],{"class":178}," from",[139,194,195],{"class":145}," '",[139,197,198],{"class":166},"vue-final-modal",[139,200,201],{"class":145},"'\n",[139,203,205,207,210,213,215,218],{"class":141,"line":204},3,[139,206,179],{"class":178},[139,208,209],{"class":185}," ModalConfirm ",[139,211,212],{"class":178},"from",[139,214,195],{"class":145},[139,216,217],{"class":166},".\u002FModalConfirm.vue",[139,219,201],{"class":145},[139,221,223],{"class":141,"line":222},4,[139,224,226],{"emptyLinePlaceholder":225},true,"\n",[139,228,230,233,236,238,241,244],{"class":141,"line":229},5,[139,231,232],{"class":153},"  const",[139,234,235],{"class":185}," modalFirst ",[139,237,160],{"class":145},[139,239,186],{"class":240},"s2Zo4",[139,242,243],{"class":185},"(",[139,245,246],{"class":145},"{\n",[139,248,250,253,256,259],{"class":141,"line":249},6,[139,251,252],{"class":149},"    component",[139,254,255],{"class":145},":",[139,257,258],{"class":185}," ModalConfirm",[139,260,261],{"class":145},",\n",[139,263,265,268,270],{"class":141,"line":264},7,[139,266,267],{"class":149},"    attrs",[139,269,255],{"class":145},[139,271,272],{"class":145}," {\n",[139,274,276,279,281,283,286,289],{"class":141,"line":275},8,[139,277,278],{"class":149},"      title",[139,280,255],{"class":145},[139,282,195],{"class":145},[139,284,285],{"class":166},"The first confirm modal",[139,287,288],{"class":145},"'",[139,290,261],{"class":145},[139,292,294,297,300],{"class":141,"line":293},9,[139,295,296],{"class":149},"      onConfirm",[139,298,299],{"class":145},"()",[139,301,272],{"class":145},[139,303,305,308,311,314],{"class":141,"line":304},10,[139,306,307],{"class":185},"        modalSecond",[139,309,310],{"class":145},".",[139,312,313],{"class":240},"open",[139,315,316],{"class":149},"()\n",[139,318,320],{"class":141,"line":319},11,[139,321,322],{"class":145},"      },\n",[139,324,326],{"class":141,"line":325},12,[139,327,328],{"class":145},"    },\n",[139,330,332,335,337],{"class":141,"line":331},13,[139,333,334],{"class":149},"    slots",[139,336,255],{"class":145},[139,338,272],{"class":145},[139,340,342,345,347,349,352,354],{"class":141,"line":341},14,[139,343,344],{"class":149},"      default",[139,346,255],{"class":145},[139,348,195],{"class":145},[139,350,351],{"class":166},"Magna deserunt nulla aliquip velit aute. Et occaecat elit nulla excepteur labore cupidatat. Duis culpa mollit commodo dolor qui Lorem qui laborum elit elit Lorem occaecat. Commodo eiusmod esse voluptate officia amet quis occaecat aliqua. Proident do irure amet ut occaecat dolor laboris consectetur.",[139,353,288],{"class":145},[139,355,261],{"class":145},[139,357,359],{"class":141,"line":358},15,[139,360,328],{"class":145},[139,362,364,367],{"class":141,"line":363},16,[139,365,366],{"class":145},"  }",[139,368,369],{"class":185},")\n",[139,371,373],{"class":141,"line":372},17,[139,374,226],{"emptyLinePlaceholder":225},[139,376,378,380,383,385,387,389],{"class":141,"line":377},18,[139,379,232],{"class":153},[139,381,382],{"class":185}," modalSecond ",[139,384,160],{"class":145},[139,386,186],{"class":240},[139,388,243],{"class":185},[139,390,246],{"class":145},[139,392,394,396,398,400],{"class":141,"line":393},19,[139,395,252],{"class":149},[139,397,255],{"class":145},[139,399,258],{"class":185},[139,401,261],{"class":145},[139,403,405,407,409],{"class":141,"line":404},20,[139,406,267],{"class":149},[139,408,255],{"class":145},[139,410,272],{"class":145},[139,412,414,416,418,420,423,425],{"class":141,"line":413},21,[139,415,278],{"class":149},[139,417,255],{"class":145},[139,419,195],{"class":145},[139,421,422],{"class":166},"The second confirm modal",[139,424,288],{"class":145},[139,426,261],{"class":145},[139,428,430,432,434],{"class":141,"line":429},22,[139,431,296],{"class":149},[139,433,299],{"class":145},[139,435,272],{"class":145},[139,437,439,441,443,446],{"class":141,"line":438},23,[139,440,307],{"class":185},[139,442,310],{"class":145},[139,444,445],{"class":240},"close",[139,447,316],{"class":149},[139,449,451],{"class":141,"line":450},24,[139,452,322],{"class":145},[139,454,456],{"class":141,"line":455},25,[139,457,328],{"class":145},[139,459,461,463],{"class":141,"line":460},26,[139,462,366],{"class":145},[139,464,369],{"class":185},[139,466,468],{"class":141,"line":467},27,[139,469,226],{"emptyLinePlaceholder":225},[139,471,473,476,479,481],{"class":141,"line":472},28,[139,474,475],{"class":153},"  function",[139,477,478],{"class":240}," openConfirm2",[139,480,299],{"class":145},[139,482,272],{"class":145},[139,484,486,489,491,493],{"class":141,"line":485},29,[139,487,488],{"class":185},"    modalSecond",[139,490,310],{"class":145},[139,492,313],{"class":240},[139,494,316],{"class":149},[139,496,498],{"class":141,"line":497},30,[139,499,500],{"class":145},"  }\n",[139,502,504,507,509],{"class":141,"line":503},31,[139,505,506],{"class":145},"  \u003C\u002F",[139,508,150],{"class":149},[139,510,172],{"class":145},[139,512,514],{"class":141,"line":513},32,[139,515,226],{"emptyLinePlaceholder":225},[139,517,519,521,523],{"class":141,"line":518},33,[139,520,146],{"class":145},[139,522,125],{"class":149},[139,524,172],{"class":145},[139,526,528,531,534,537,539,541,544,546],{"class":141,"line":527},34,[139,529,530],{"class":145},"    \u003C",[139,532,533],{"class":149},"VButton",[139,535,536],{"class":153}," @click",[139,538,160],{"class":145},[139,540,163],{"class":145},[139,542,543],{"class":166},"() => modalFirst.open()",[139,545,163],{"class":145},[139,547,172],{"class":145},[139,549,551],{"class":141,"line":550},35,[139,552,553],{"class":185},"      Open Modal\n",[139,555,557,560,562],{"class":141,"line":556},36,[139,558,559],{"class":145},"    \u003C\u002F",[139,561,533],{"class":149},[139,563,172],{"class":145},[139,565,567],{"class":141,"line":566},37,[139,568,226],{"emptyLinePlaceholder":225},[139,570,572,574,576],{"class":141,"line":571},38,[139,573,506],{"class":145},[139,575,125],{"class":149},[139,577,172],{"class":145},[114,579,581,584],{"id":580},"modalconfirm-component",[136,582,583],{},"\u003CModalConfirm>"," component",[586,587,588],"code-group",{},[129,589,592],{"className":131,"code":590,"filename":591,"language":134,"meta":127,"style":127},"  \u003Cscript setup lang=\"ts\">\n  import { VueFinalModal } from 'vue-final-modal'\n\n  defineProps\u003C{\n    title?: string\n  }>()\n\n  const emit = defineEmits\u003C{\n    (e: 'update:modelValue', modelValue: boolean): void\n    (e: 'confirm'): void\n  }>()\n  \u003C\u002Fscript>\n\n  \u003Ctemplate>\n    \u003CVueFinalModal\n      class=\"flex justify-center items-center\"\n      content-class=\"flex flex-col max-w-xl mx-4 p-4 bg-white dark:bg-gray-900 border dark:border-gray-700 rounded-lg space-y-2\"\n      @update:model-value=\"val => emit('update:modelValue', val)\"\n    >\n      \u003Ch1 class=\"text-xl\">\n        {{ title }}\n      \u003C\u002Fh1>\n      \u003Cslot \u002F>\n      \u003Cbutton class=\"mt-1 ml-auto px-2 border rounded-lg\" @click=\"emit('confirm')\">\n        Confirm\n      \u003C\u002Fbutton>\n    \u003C\u002FVueFinalModal>\n  \u003C\u002Ftemplate>\n","ModalConfirm.vue",[136,593,594,614,633,637,645,657,664,668,682,717,736,742,750,754,762,769,784,798,812,817,839,844,853,863,894,899,907,916],{"__ignoreMap":127},[139,595,596,598,600,602,604,606,608,610,612],{"class":141,"line":142},[139,597,146],{"class":145},[139,599,150],{"class":149},[139,601,154],{"class":153},[139,603,157],{"class":153},[139,605,160],{"class":145},[139,607,163],{"class":145},[139,609,167],{"class":166},[139,611,163],{"class":145},[139,613,172],{"class":145},[139,615,616,618,620,623,625,627,629,631],{"class":141,"line":175},[139,617,179],{"class":178},[139,619,182],{"class":145},[139,621,622],{"class":185}," VueFinalModal",[139,624,189],{"class":145},[139,626,192],{"class":178},[139,628,195],{"class":145},[139,630,198],{"class":166},[139,632,201],{"class":145},[139,634,635],{"class":141,"line":204},[139,636,226],{"emptyLinePlaceholder":225},[139,638,639,642],{"class":141,"line":222},[139,640,641],{"class":240},"  defineProps",[139,643,644],{"class":145},"\u003C{\n",[139,646,647,650,653],{"class":141,"line":229},[139,648,649],{"class":149},"    title",[139,651,652],{"class":145},"?:",[139,654,656],{"class":655},"sBMFI"," string\n",[139,658,659,662],{"class":141,"line":249},[139,660,661],{"class":145},"  }>",[139,663,316],{"class":185},[139,665,666],{"class":141,"line":264},[139,667,226],{"emptyLinePlaceholder":225},[139,669,670,672,675,677,680],{"class":141,"line":275},[139,671,232],{"class":153},[139,673,674],{"class":185}," emit ",[139,676,160],{"class":145},[139,678,679],{"class":240}," defineEmits",[139,681,644],{"class":145},[139,683,684,687,691,693,695,698,700,703,706,708,711,714],{"class":141,"line":293},[139,685,686],{"class":145},"    (",[139,688,690],{"class":689},"sHdIc","e",[139,692,255],{"class":145},[139,694,195],{"class":145},[139,696,697],{"class":166},"update:modelValue",[139,699,288],{"class":145},[139,701,702],{"class":145},",",[139,704,705],{"class":689}," modelValue",[139,707,255],{"class":145},[139,709,710],{"class":655}," boolean",[139,712,713],{"class":145},"):",[139,715,716],{"class":655}," void\n",[139,718,719,721,723,725,727,730,732,734],{"class":141,"line":304},[139,720,686],{"class":145},[139,722,690],{"class":689},[139,724,255],{"class":145},[139,726,195],{"class":145},[139,728,729],{"class":166},"confirm",[139,731,288],{"class":145},[139,733,713],{"class":145},[139,735,716],{"class":655},[139,737,738,740],{"class":141,"line":319},[139,739,661],{"class":145},[139,741,316],{"class":185},[139,743,744,746,748],{"class":141,"line":325},[139,745,506],{"class":145},[139,747,150],{"class":149},[139,749,172],{"class":145},[139,751,752],{"class":141,"line":331},[139,753,226],{"emptyLinePlaceholder":225},[139,755,756,758,760],{"class":141,"line":341},[139,757,146],{"class":145},[139,759,125],{"class":149},[139,761,172],{"class":145},[139,763,764,766],{"class":141,"line":358},[139,765,530],{"class":145},[139,767,768],{"class":149},"VueFinalModal\n",[139,770,771,774,776,778,781],{"class":141,"line":363},[139,772,773],{"class":153},"      class",[139,775,160],{"class":145},[139,777,163],{"class":145},[139,779,780],{"class":166},"flex justify-center items-center",[139,782,783],{"class":145},"\"\n",[139,785,786,789,791,793,796],{"class":141,"line":372},[139,787,788],{"class":153},"      content-class",[139,790,160],{"class":145},[139,792,163],{"class":145},[139,794,795],{"class":166},"flex flex-col max-w-xl mx-4 p-4 bg-white dark:bg-gray-900 border dark:border-gray-700 rounded-lg space-y-2",[139,797,783],{"class":145},[139,799,800,803,805,807,810],{"class":141,"line":377},[139,801,802],{"class":153},"      @update:model-value",[139,804,160],{"class":145},[139,806,163],{"class":145},[139,808,809],{"class":166},"val => emit('update:modelValue', val)",[139,811,783],{"class":145},[139,813,814],{"class":141,"line":393},[139,815,816],{"class":145},"    >\n",[139,818,819,822,825,828,830,832,835,837],{"class":141,"line":404},[139,820,821],{"class":145},"      \u003C",[139,823,824],{"class":149},"h1",[139,826,827],{"class":153}," class",[139,829,160],{"class":145},[139,831,163],{"class":145},[139,833,834],{"class":166},"text-xl",[139,836,163],{"class":145},[139,838,172],{"class":145},[139,840,841],{"class":141,"line":413},[139,842,843],{"class":185},"        {{ title }}\n",[139,845,846,849,851],{"class":141,"line":429},[139,847,848],{"class":145},"      \u003C\u002F",[139,850,824],{"class":149},[139,852,172],{"class":145},[139,854,855,857,860],{"class":141,"line":438},[139,856,821],{"class":145},[139,858,859],{"class":149},"slot",[139,861,862],{"class":145}," \u002F>\n",[139,864,865,867,870,872,874,876,879,881,883,885,887,890,892],{"class":141,"line":450},[139,866,821],{"class":145},[139,868,869],{"class":149},"button",[139,871,827],{"class":153},[139,873,160],{"class":145},[139,875,163],{"class":145},[139,877,878],{"class":166},"mt-1 ml-auto px-2 border rounded-lg",[139,880,163],{"class":145},[139,882,536],{"class":153},[139,884,160],{"class":145},[139,886,163],{"class":145},[139,888,889],{"class":166},"emit('confirm')",[139,891,163],{"class":145},[139,893,172],{"class":145},[139,895,896],{"class":141,"line":455},[139,897,898],{"class":185},"        Confirm\n",[139,900,901,903,905],{"class":141,"line":460},[139,902,848],{"class":145},[139,904,869],{"class":149},[139,906,172],{"class":145},[139,908,909,911,914],{"class":141,"line":467},[139,910,559],{"class":145},[139,912,913],{"class":149},"VueFinalModal",[139,915,172],{"class":145},[139,917,918,920,922],{"class":141,"line":472},[139,919,506],{"class":145},[139,921,125],{"class":149},[139,923,172],{"class":145},[925,926,927],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":127,"searchDepth":175,"depth":175,"links":929},[930,931],{"id":116,"depth":175,"text":117},{"id":580,"depth":175,"text":932},"\u003CModalConfirm> component","Use \u003CModalConfirm> to demo how to use nested modal.","md",null,{"head":937},{"title":938},"Modal Nested | Examples",{"title":85,"description":933},"eV_SuX1aINmM5f_Bk6cSrB_RiUxjDAjcEHm__gEBhGc",[942,944],{"title":81,"path":82,"stem":83,"description":943,"children":-1},"Create a \u003CModalConfirm> component with \u003CVueFinalModal> and TailwindCSS.",{"title":89,"path":90,"stem":91,"description":945,"children":-1},"Create a \u003CModalFullscreen> component with \u003CVueFinalModal> and TailwindCSS.",1791743378983]