[{"data":1,"prerenderedAt":1152},["ShallowReactive",2],{"navigation_docs":3,"-use-cases-modal-keep-alive":108,"-use-cases-modal-keep-alive-surround":1148},[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":77,"body":110,"description":1140,"extension":1141,"links":1142,"meta":1143,"navigation":307,"path":78,"seo":1146,"stem":79,"__hash__":1147},"docs\u002F4.use-cases\u002F10.modal-keep-alive.md",{"type":111,"value":112,"toc":1134},"minimark",[113,163,181,186,694,698,708,718,725,1130],[114,115,116,117,120,121,136,137,151,152,162],"p",{},"By default a modal created with ",[118,119,60],"a",{"href":61}," is unmounted when it closes, so the next ",[122,123,127,132],"code",{"className":124,"language":125,"style":126},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","ts","",[128,129,131],"span",{"class":130},"s2Zo4","open",[128,133,135],{"class":134},"sTEyZ","()"," starts from a fresh component. With ",[122,138,139,143,147],{"className":124,"language":125,"style":126},[128,140,142],{"class":141},"sBMFI","keepAlive",[128,144,146],{"class":145},"sMK4o",":",[128,148,150],{"class":149},"sfNiH"," true"," the modal stays mounted (hidden with ",[122,153,154,157,159],{"className":124,"language":125,"style":126},[128,155,156],{"class":141},"display",[128,158,146],{"class":145},[128,160,161],{"class":134}," none",") and keeps its state: form drafts, scroll position, anything the component holds.",[114,164,165,166,173,174,180],{},"Type a draft in both modals below, close them and open them again. The kept-alive modal still has the draft, the default one does not. ",[122,167,168,171],{"className":124,"language":125,"style":126},[128,169,170],{"class":130},"destroy",[128,172,135],{"class":134}," unmounts a kept-alive modal and throws its state away; the next ",[122,175,176,178],{"className":124,"language":125,"style":126},[128,177,131],{"class":130},[128,179,135],{"class":134}," mounts it again.",[182,183,185],"h2",{"id":184},"preview","Preview",[187,188,189,192],"code-preview",{},[190,191],"modal-keep-alive-preview",{},[193,194,195],"template",{"v-slot:code":126},[196,197,202],"pre",{"className":198,"code":199,"filename":200,"language":201,"meta":126,"style":126},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","  \u003Cscript setup lang=\"ts\">\n  import { onBeforeUnmount } from 'vue'\n  import { useModal } from 'vue-final-modal'\n  import ModalKeepAlive from '.\u002FModalKeepAlive.vue'\n\n  const keptAlive = useModal({\n    keepAlive: true,\n    component: ModalKeepAlive,\n    attrs: {\n      title: 'keepAlive: true',\n      onClose() {\n        keptAlive.close()\n      },\n    },\n  })\n\n  const unmountedOnClose = useModal({\n    component: ModalKeepAlive,\n    attrs: {\n      title: 'keepAlive: false (default)',\n      onClose() {\n        unmountedOnClose.close()\n      },\n    },\n  })\n\n  onBeforeUnmount(() => keptAlive.destroy())\n  \u003C\u002Fscript>\n\n  \u003Ctemplate>\n    \u003CVButton @click=\"() => keptAlive.open()\">\n      Open kept-alive modal\n    \u003C\u002FVButton>\n    \u003CVButton @click=\"() => unmountedOnClose.open()\">\n      Open default modal\n    \u003C\u002FVButton>\n    \u003CVButton @click=\"() => keptAlive.destroy()\">\n      Destroy kept-alive modal\n    \u003C\u002FVButton>\n  \u003C\u002Ftemplate>\n","Preview.vue","vue",[122,203,204,236,263,284,302,309,328,341,354,365,383,393,408,414,420,429,434,450,461,470,486,495,507,512,517,524,529,552,562,567,576,599,605,615,635,641,650,670,676,685],{"__ignoreMap":126},[128,205,208,211,215,219,222,225,228,231,233],{"class":206,"line":207},"line",1,[128,209,210],{"class":145},"  \u003C",[128,212,214],{"class":213},"swJcz","script",[128,216,218],{"class":217},"spNyl"," setup",[128,220,221],{"class":217}," lang",[128,223,224],{"class":145},"=",[128,226,227],{"class":145},"\"",[128,229,125],{"class":230},"sfazB",[128,232,227],{"class":145},[128,234,235],{"class":145},">\n",[128,237,239,243,246,249,252,255,258,260],{"class":206,"line":238},2,[128,240,242],{"class":241},"s7zQu","  import",[128,244,245],{"class":145}," {",[128,247,248],{"class":134}," onBeforeUnmount",[128,250,251],{"class":145}," }",[128,253,254],{"class":241}," from",[128,256,257],{"class":145}," '",[128,259,201],{"class":230},[128,261,262],{"class":145},"'\n",[128,264,266,268,270,273,275,277,279,282],{"class":206,"line":265},3,[128,267,242],{"class":241},[128,269,245],{"class":145},[128,271,272],{"class":134}," useModal",[128,274,251],{"class":145},[128,276,254],{"class":241},[128,278,257],{"class":145},[128,280,281],{"class":230},"vue-final-modal",[128,283,262],{"class":145},[128,285,287,289,292,295,297,300],{"class":206,"line":286},4,[128,288,242],{"class":241},[128,290,291],{"class":134}," ModalKeepAlive ",[128,293,294],{"class":241},"from",[128,296,257],{"class":145},[128,298,299],{"class":230},".\u002FModalKeepAlive.vue",[128,301,262],{"class":145},[128,303,305],{"class":206,"line":304},5,[128,306,308],{"emptyLinePlaceholder":307},true,"\n",[128,310,312,315,318,320,322,325],{"class":206,"line":311},6,[128,313,314],{"class":217},"  const",[128,316,317],{"class":134}," keptAlive ",[128,319,224],{"class":145},[128,321,272],{"class":130},[128,323,324],{"class":134},"(",[128,326,327],{"class":145},"{\n",[128,329,331,334,336,338],{"class":206,"line":330},7,[128,332,333],{"class":213},"    keepAlive",[128,335,146],{"class":145},[128,337,150],{"class":149},[128,339,340],{"class":145},",\n",[128,342,344,347,349,352],{"class":206,"line":343},8,[128,345,346],{"class":213},"    component",[128,348,146],{"class":145},[128,350,351],{"class":134}," ModalKeepAlive",[128,353,340],{"class":145},[128,355,357,360,362],{"class":206,"line":356},9,[128,358,359],{"class":213},"    attrs",[128,361,146],{"class":145},[128,363,364],{"class":145}," {\n",[128,366,368,371,373,375,378,381],{"class":206,"line":367},10,[128,369,370],{"class":213},"      title",[128,372,146],{"class":145},[128,374,257],{"class":145},[128,376,377],{"class":230},"keepAlive: true",[128,379,380],{"class":145},"'",[128,382,340],{"class":145},[128,384,386,389,391],{"class":206,"line":385},11,[128,387,388],{"class":213},"      onClose",[128,390,135],{"class":145},[128,392,364],{"class":145},[128,394,396,399,402,405],{"class":206,"line":395},12,[128,397,398],{"class":134},"        keptAlive",[128,400,401],{"class":145},".",[128,403,404],{"class":130},"close",[128,406,407],{"class":213},"()\n",[128,409,411],{"class":206,"line":410},13,[128,412,413],{"class":145},"      },\n",[128,415,417],{"class":206,"line":416},14,[128,418,419],{"class":145},"    },\n",[128,421,423,426],{"class":206,"line":422},15,[128,424,425],{"class":145},"  }",[128,427,428],{"class":134},")\n",[128,430,432],{"class":206,"line":431},16,[128,433,308],{"emptyLinePlaceholder":307},[128,435,437,439,442,444,446,448],{"class":206,"line":436},17,[128,438,314],{"class":217},[128,440,441],{"class":134}," unmountedOnClose ",[128,443,224],{"class":145},[128,445,272],{"class":130},[128,447,324],{"class":134},[128,449,327],{"class":145},[128,451,453,455,457,459],{"class":206,"line":452},18,[128,454,346],{"class":213},[128,456,146],{"class":145},[128,458,351],{"class":134},[128,460,340],{"class":145},[128,462,464,466,468],{"class":206,"line":463},19,[128,465,359],{"class":213},[128,467,146],{"class":145},[128,469,364],{"class":145},[128,471,473,475,477,479,482,484],{"class":206,"line":472},20,[128,474,370],{"class":213},[128,476,146],{"class":145},[128,478,257],{"class":145},[128,480,481],{"class":230},"keepAlive: false (default)",[128,483,380],{"class":145},[128,485,340],{"class":145},[128,487,489,491,493],{"class":206,"line":488},21,[128,490,388],{"class":213},[128,492,135],{"class":145},[128,494,364],{"class":145},[128,496,498,501,503,505],{"class":206,"line":497},22,[128,499,500],{"class":134},"        unmountedOnClose",[128,502,401],{"class":145},[128,504,404],{"class":130},[128,506,407],{"class":213},[128,508,510],{"class":206,"line":509},23,[128,511,413],{"class":145},[128,513,515],{"class":206,"line":514},24,[128,516,419],{"class":145},[128,518,520,522],{"class":206,"line":519},25,[128,521,425],{"class":145},[128,523,428],{"class":134},[128,525,527],{"class":206,"line":526},26,[128,528,308],{"emptyLinePlaceholder":307},[128,530,532,535,537,539,542,545,547,549],{"class":206,"line":531},27,[128,533,534],{"class":130},"  onBeforeUnmount",[128,536,324],{"class":134},[128,538,135],{"class":145},[128,540,541],{"class":217}," =>",[128,543,544],{"class":134}," keptAlive",[128,546,401],{"class":145},[128,548,170],{"class":130},[128,550,551],{"class":134},"())\n",[128,553,555,558,560],{"class":206,"line":554},28,[128,556,557],{"class":145},"  \u003C\u002F",[128,559,214],{"class":213},[128,561,235],{"class":145},[128,563,565],{"class":206,"line":564},29,[128,566,308],{"emptyLinePlaceholder":307},[128,568,570,572,574],{"class":206,"line":569},30,[128,571,210],{"class":145},[128,573,193],{"class":213},[128,575,235],{"class":145},[128,577,579,582,585,588,590,592,595,597],{"class":206,"line":578},31,[128,580,581],{"class":145},"    \u003C",[128,583,584],{"class":213},"VButton",[128,586,587],{"class":217}," @click",[128,589,224],{"class":145},[128,591,227],{"class":145},[128,593,594],{"class":230},"() => keptAlive.open()",[128,596,227],{"class":145},[128,598,235],{"class":145},[128,600,602],{"class":206,"line":601},32,[128,603,604],{"class":134},"      Open kept-alive modal\n",[128,606,608,611,613],{"class":206,"line":607},33,[128,609,610],{"class":145},"    \u003C\u002F",[128,612,584],{"class":213},[128,614,235],{"class":145},[128,616,618,620,622,624,626,628,631,633],{"class":206,"line":617},34,[128,619,581],{"class":145},[128,621,584],{"class":213},[128,623,587],{"class":217},[128,625,224],{"class":145},[128,627,227],{"class":145},[128,629,630],{"class":230},"() => unmountedOnClose.open()",[128,632,227],{"class":145},[128,634,235],{"class":145},[128,636,638],{"class":206,"line":637},35,[128,639,640],{"class":134},"      Open default modal\n",[128,642,644,646,648],{"class":206,"line":643},36,[128,645,610],{"class":145},[128,647,584],{"class":213},[128,649,235],{"class":145},[128,651,653,655,657,659,661,663,666,668],{"class":206,"line":652},37,[128,654,581],{"class":145},[128,656,584],{"class":213},[128,658,587],{"class":217},[128,660,224],{"class":145},[128,662,227],{"class":145},[128,664,665],{"class":230},"() => keptAlive.destroy()",[128,667,227],{"class":145},[128,669,235],{"class":145},[128,671,673],{"class":206,"line":672},38,[128,674,675],{"class":134},"      Destroy kept-alive modal\n",[128,677,679,681,683],{"class":206,"line":678},39,[128,680,610],{"class":145},[128,682,584],{"class":213},[128,684,235],{"class":145},[128,686,688,690,692],{"class":206,"line":687},40,[128,689,557],{"class":145},[128,691,193],{"class":213},[128,693,235],{"class":145},[182,695,697],{"id":696},"when-to-use-it","When to use it",[699,700,701,705],"ul",{},[702,703,704],"li",{},"The modal holds state that should survive a close, such as a half-filled form or a scrolled list.",[702,706,707],{},"The modal is heavy to mount and is opened often.",[114,709,710,711,717],{},"A kept-alive modal is not destroyed when the component that created it unmounts, so call ",[122,712,713,715],{"className":124,"language":125,"style":126},[128,714,170],{"class":130},[128,716,135],{"class":134}," yourself when it is no longer needed.",[182,719,721,724],{"id":720},"modalkeepalive-component",[122,722,723],{},"\u003CModalKeepAlive>"," component",[726,727,728],"code-group",{},[196,729,732],{"className":198,"code":730,"filename":731,"language":201,"meta":126,"style":126},"  \u003Cscript setup lang=\"ts\">\n  import { ref } from 'vue'\n  import { VueFinalModal } from 'vue-final-modal'\n\n  defineProps\u003C{\n    title?: string\n  }>()\n\n  const emit = defineEmits\u003C{\n    (e: 'close'): void\n  }>()\n\n  const draft = ref('')\n  \u003C\u002Fscript>\n\n  \u003Ctemplate>\n    \u003CVueFinalModal\n      class=\"flex justify-center items-center\"\n      content-class=\"flex flex-col w-full max-w-md mx-4 p-4 bg-white dark:bg-gray-900 border dark:border-gray-700 rounded-lg space-y-2\"\n      content-transition=\"vfm-fade\"\n      overlay-transition=\"vfm-fade\"\n    >\n      \u003Ch1 class=\"text-xl\">\n        {{ title }}\n      \u003C\u002Fh1>\n      \u003Ctextarea\n        v-model=\"draft\"\n        class=\"w-full h-24 p-2 border dark:border-gray-700 rounded-lg bg-transparent\"\n        placeholder=\"Type a draft, close the modal, then open it again\"\n      \u002F>\n      \u003Cbutton class=\"mt-1 ml-auto px-2 border rounded-lg\" @click=\"emit('close')\">\n        Close\n      \u003C\u002Fbutton>\n    \u003C\u002FVueFinalModal>\n  \u003C\u002Ftemplate>\n","ModalKeepAlive.vue",[122,733,734,754,773,792,796,804,815,822,826,840,863,869,873,891,899,903,911,918,933,947,961,974,979,1001,1006,1015,1022,1036,1050,1064,1069,1100,1105,1113,1122],{"__ignoreMap":126},[128,735,736,738,740,742,744,746,748,750,752],{"class":206,"line":207},[128,737,210],{"class":145},[128,739,214],{"class":213},[128,741,218],{"class":217},[128,743,221],{"class":217},[128,745,224],{"class":145},[128,747,227],{"class":145},[128,749,125],{"class":230},[128,751,227],{"class":145},[128,753,235],{"class":145},[128,755,756,758,760,763,765,767,769,771],{"class":206,"line":238},[128,757,242],{"class":241},[128,759,245],{"class":145},[128,761,762],{"class":134}," ref",[128,764,251],{"class":145},[128,766,254],{"class":241},[128,768,257],{"class":145},[128,770,201],{"class":230},[128,772,262],{"class":145},[128,774,775,777,779,782,784,786,788,790],{"class":206,"line":265},[128,776,242],{"class":241},[128,778,245],{"class":145},[128,780,781],{"class":134}," VueFinalModal",[128,783,251],{"class":145},[128,785,254],{"class":241},[128,787,257],{"class":145},[128,789,281],{"class":230},[128,791,262],{"class":145},[128,793,794],{"class":206,"line":286},[128,795,308],{"emptyLinePlaceholder":307},[128,797,798,801],{"class":206,"line":304},[128,799,800],{"class":130},"  defineProps",[128,802,803],{"class":145},"\u003C{\n",[128,805,806,809,812],{"class":206,"line":311},[128,807,808],{"class":213},"    title",[128,810,811],{"class":145},"?:",[128,813,814],{"class":141}," string\n",[128,816,817,820],{"class":206,"line":330},[128,818,819],{"class":145},"  }>",[128,821,407],{"class":134},[128,823,824],{"class":206,"line":343},[128,825,308],{"emptyLinePlaceholder":307},[128,827,828,830,833,835,838],{"class":206,"line":356},[128,829,314],{"class":217},[128,831,832],{"class":134}," emit ",[128,834,224],{"class":145},[128,836,837],{"class":130}," defineEmits",[128,839,803],{"class":145},[128,841,842,845,849,851,853,855,857,860],{"class":206,"line":367},[128,843,844],{"class":145},"    (",[128,846,848],{"class":847},"sHdIc","e",[128,850,146],{"class":145},[128,852,257],{"class":145},[128,854,404],{"class":230},[128,856,380],{"class":145},[128,858,859],{"class":145},"):",[128,861,862],{"class":141}," void\n",[128,864,865,867],{"class":206,"line":385},[128,866,819],{"class":145},[128,868,407],{"class":134},[128,870,871],{"class":206,"line":395},[128,872,308],{"emptyLinePlaceholder":307},[128,874,875,877,880,882,884,886,889],{"class":206,"line":410},[128,876,314],{"class":217},[128,878,879],{"class":134}," draft ",[128,881,224],{"class":145},[128,883,762],{"class":130},[128,885,324],{"class":134},[128,887,888],{"class":145},"''",[128,890,428],{"class":134},[128,892,893,895,897],{"class":206,"line":416},[128,894,557],{"class":145},[128,896,214],{"class":213},[128,898,235],{"class":145},[128,900,901],{"class":206,"line":422},[128,902,308],{"emptyLinePlaceholder":307},[128,904,905,907,909],{"class":206,"line":431},[128,906,210],{"class":145},[128,908,193],{"class":213},[128,910,235],{"class":145},[128,912,913,915],{"class":206,"line":436},[128,914,581],{"class":145},[128,916,917],{"class":213},"VueFinalModal\n",[128,919,920,923,925,927,930],{"class":206,"line":452},[128,921,922],{"class":217},"      class",[128,924,224],{"class":145},[128,926,227],{"class":145},[128,928,929],{"class":230},"flex justify-center items-center",[128,931,932],{"class":145},"\"\n",[128,934,935,938,940,942,945],{"class":206,"line":463},[128,936,937],{"class":217},"      content-class",[128,939,224],{"class":145},[128,941,227],{"class":145},[128,943,944],{"class":230},"flex flex-col w-full max-w-md mx-4 p-4 bg-white dark:bg-gray-900 border dark:border-gray-700 rounded-lg space-y-2",[128,946,932],{"class":145},[128,948,949,952,954,956,959],{"class":206,"line":472},[128,950,951],{"class":217},"      content-transition",[128,953,224],{"class":145},[128,955,227],{"class":145},[128,957,958],{"class":230},"vfm-fade",[128,960,932],{"class":145},[128,962,963,966,968,970,972],{"class":206,"line":488},[128,964,965],{"class":217},"      overlay-transition",[128,967,224],{"class":145},[128,969,227],{"class":145},[128,971,958],{"class":230},[128,973,932],{"class":145},[128,975,976],{"class":206,"line":497},[128,977,978],{"class":145},"    >\n",[128,980,981,984,987,990,992,994,997,999],{"class":206,"line":509},[128,982,983],{"class":145},"      \u003C",[128,985,986],{"class":213},"h1",[128,988,989],{"class":217}," class",[128,991,224],{"class":145},[128,993,227],{"class":145},[128,995,996],{"class":230},"text-xl",[128,998,227],{"class":145},[128,1000,235],{"class":145},[128,1002,1003],{"class":206,"line":514},[128,1004,1005],{"class":134},"        {{ title }}\n",[128,1007,1008,1011,1013],{"class":206,"line":519},[128,1009,1010],{"class":145},"      \u003C\u002F",[128,1012,986],{"class":213},[128,1014,235],{"class":145},[128,1016,1017,1019],{"class":206,"line":526},[128,1018,983],{"class":145},[128,1020,1021],{"class":213},"textarea\n",[128,1023,1024,1027,1029,1031,1034],{"class":206,"line":531},[128,1025,1026],{"class":217},"        v-model",[128,1028,224],{"class":145},[128,1030,227],{"class":145},[128,1032,1033],{"class":230},"draft",[128,1035,932],{"class":145},[128,1037,1038,1041,1043,1045,1048],{"class":206,"line":554},[128,1039,1040],{"class":217},"        class",[128,1042,224],{"class":145},[128,1044,227],{"class":145},[128,1046,1047],{"class":230},"w-full h-24 p-2 border dark:border-gray-700 rounded-lg bg-transparent",[128,1049,932],{"class":145},[128,1051,1052,1055,1057,1059,1062],{"class":206,"line":564},[128,1053,1054],{"class":217},"        placeholder",[128,1056,224],{"class":145},[128,1058,227],{"class":145},[128,1060,1061],{"class":230},"Type a draft, close the modal, then open it again",[128,1063,932],{"class":145},[128,1065,1066],{"class":206,"line":569},[128,1067,1068],{"class":145},"      \u002F>\n",[128,1070,1071,1073,1076,1078,1080,1082,1085,1087,1089,1091,1093,1096,1098],{"class":206,"line":578},[128,1072,983],{"class":145},[128,1074,1075],{"class":213},"button",[128,1077,989],{"class":217},[128,1079,224],{"class":145},[128,1081,227],{"class":145},[128,1083,1084],{"class":230},"mt-1 ml-auto px-2 border rounded-lg",[128,1086,227],{"class":145},[128,1088,587],{"class":217},[128,1090,224],{"class":145},[128,1092,227],{"class":145},[128,1094,1095],{"class":230},"emit('close')",[128,1097,227],{"class":145},[128,1099,235],{"class":145},[128,1101,1102],{"class":206,"line":601},[128,1103,1104],{"class":134},"        Close\n",[128,1106,1107,1109,1111],{"class":206,"line":607},[128,1108,1010],{"class":145},[128,1110,1075],{"class":213},[128,1112,235],{"class":145},[128,1114,1115,1117,1120],{"class":206,"line":617},[128,1116,610],{"class":145},[128,1118,1119],{"class":213},"VueFinalModal",[128,1121,235],{"class":145},[128,1123,1124,1126,1128],{"class":206,"line":637},[128,1125,557],{"class":145},[128,1127,193],{"class":213},[128,1129,235],{"class":145},[1131,1132,1133],"style",{},"html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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 .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":126,"searchDepth":238,"depth":238,"links":1135},[1136,1137,1138],{"id":184,"depth":238,"text":185},{"id":696,"depth":238,"text":697},{"id":720,"depth":238,"text":1139},"\u003CModalKeepAlive> component","Keep a dynamic modal mounted after it is closed, so its state survives the next open().","md",null,{"head":1144},{"title":1145},"Modal Keep Alive | Examples",{"title":77,"description":1140},"iaX8dY3QO1v8nj4Rx56VHnVf119L-3n1bGRsmEkVea4",[1149,1150],{"title":73,"path":74,"stem":75,"description":126,"children":-1},{"title":81,"path":82,"stem":83,"description":1151,"children":-1},"Create a \u003CModalConfirm> component with \u003CVueFinalModal> and TailwindCSS.",1791803993014]