[{"data":1,"prerenderedAt":1064},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-installation":188,"-getting-started-installation-surround":1059},[4,9,27,52,101,130,163],{"title":5,"path":6,"stem":7,"icon":8},"Playground","\u002Fplayground","1.playground","i-lucide-flask-conical",{"title":10,"path":11,"stem":12,"children":13,"page":26},"Getting Started","\u002Fgetting-started","2.getting-started",[14,18,22],{"title":15,"path":16,"stem":17},"Introduction","\u002Fgetting-started\u002Fintroduction","2.getting-started\u002F1.introduction",{"title":19,"path":20,"stem":21},"Installation","\u002Fgetting-started\u002Finstallation","2.getting-started\u002F2.installation",{"title":23,"path":24,"stem":25},"First modal","\u002Fgetting-started\u002Ffirst-modal","2.getting-started\u002F3.first-modal",false,{"title":28,"path":29,"stem":30,"children":31,"page":26},"Concepts","\u002Fconcepts","3.concepts",[32,36,40,44,48],{"title":33,"path":34,"stem":35},"Architecture","\u002Fconcepts\u002Farchitecture","3.concepts\u002F1.architecture",{"title":37,"path":38,"stem":39},"Imperative flow","\u002Fconcepts\u002Fimperative-flow","3.concepts\u002F2.imperative-flow",{"title":41,"path":42,"stem":43},"Stacking","\u002Fconcepts\u002Fstacking","3.concepts\u002F3.stacking",{"title":45,"path":46,"stem":47},"Groups","\u002Fconcepts\u002Fgroups","3.concepts\u002F4.groups",{"title":49,"path":50,"stem":51},"Headless primitives","\u002Fconcepts\u002Fheadless-primitives","3.concepts\u002F5.headless-primitives",{"title":53,"path":54,"stem":55,"children":56,"page":26},"Guide","\u002Fguide","4.guide",[57,61,65,69,73,77,81,85,89,93,97],{"title":58,"path":59,"stem":60},"Writing a modal","\u002Fguide\u002Fwriting-a-modal","4.guide\u002F01.writing-a-modal",{"title":62,"path":63,"stem":64},"Opening & closing","\u002Fguide\u002Fopening-and-closing","4.guide\u002F02.opening-and-closing",{"title":66,"path":67,"stem":68},"Props & results","\u002Fguide\u002Fpassing-props-and-results","4.guide\u002F03.passing-props-and-results",{"title":70,"path":71,"stem":72},"Behavior options","\u002Fguide\u002Fbehavior-options","4.guide\u002F04.behavior-options",{"title":74,"path":75,"stem":76},"Animations & styling","\u002Fguide\u002Fstyling-and-animations","4.guide\u002F05.styling-and-animations",{"title":78,"path":79,"stem":80},"useModal composable","\u002Fguide\u002Fusemodal-composable","4.guide\u002F06.usemodal-composable",{"title":82,"path":83,"stem":84},"Modal context","\u002Fguide\u002Fmodal-context","4.guide\u002F07.modal-context",{"title":86,"path":87,"stem":88},"Multiple targets","\u002Fguide\u002Fmultiple-targets","4.guide\u002F08.multiple-targets",{"title":90,"path":91,"stem":92},"Overlay","\u002Fguide\u002Foverlay","4.guide\u002F09.overlay",{"title":94,"path":95,"stem":96},"Async components","\u002Fguide\u002Fasync-components","4.guide\u002F10.async-components",{"title":98,"path":99,"stem":100},"TypeScript","\u002Fguide\u002Ftypescript","4.guide\u002F11.typescript",{"title":102,"path":103,"stem":104,"children":105,"page":26},"Recipes","\u002Frecipes","5.recipes",[106,110,114,118,122,126],{"title":107,"path":108,"stem":109},"Confirm dialog","\u002Frecipes\u002Fconfirm-dialog","5.recipes\u002F1.confirm-dialog",{"title":111,"path":112,"stem":113},"Form modal with validation","\u002Frecipes\u002Fform-modal-with-validation","5.recipes\u002F2.form-modal-with-validation",{"title":115,"path":116,"stem":117},"Image lightbox","\u002Frecipes\u002Fimage-lightbox","5.recipes\u002F3.image-lightbox",{"title":119,"path":120,"stem":121},"Command palette","\u002Frecipes\u002Fcommand-palette","5.recipes\u002F4.command-palette",{"title":123,"path":124,"stem":125},"Nested flows \u002F wizards","\u002Frecipes\u002Fnested-flows","5.recipes\u002F5.nested-flows",{"title":127,"path":128,"stem":129},"Global error modal","\u002Frecipes\u002Fglobal-error-modal","5.recipes\u002F6.global-error-modal",{"title":131,"path":132,"stem":133,"children":134,"page":26},"Api","\u002Fapi","6.api",[135,139,143,147,151,155,159],{"title":136,"path":137,"stem":138},"Functions","\u002Fapi\u002Ffunctions","6.api\u002F1.functions",{"title":140,"path":141,"stem":142},"Components","\u002Fapi\u002Fcomponents","6.api\u002F2.components",{"title":144,"path":145,"stem":146},"Composables","\u002Fapi\u002Fcomposables","6.api\u002F3.composables",{"title":148,"path":149,"stem":150},"Plugin","\u002Fapi\u002Fplugin","6.api\u002F4.plugin",{"title":152,"path":153,"stem":154},"State helpers","\u002Fapi\u002Fstate","6.api\u002F5.state",{"title":156,"path":157,"stem":158},"Global events","\u002Fapi\u002Fevents","6.api\u002F6.events",{"title":160,"path":161,"stem":162},"Types","\u002Fapi\u002Ftypes","6.api\u002F7.types",{"title":164,"path":165,"stem":166,"children":167,"page":26},"Resources","\u002Fresources","7.resources",[168,172,176,180,184],{"title":169,"path":170,"stem":171},"Migration from v1","\u002Fresources\u002Fmigration-from-v1","7.resources\u002F1.migration-from-v1",{"title":173,"path":174,"stem":175},"FAQ","\u002Fresources\u002Ffaq","7.resources\u002F2.faq",{"title":177,"path":178,"stem":179},"Troubleshooting","\u002Fresources\u002Ftroubleshooting","7.resources\u002F3.troubleshooting",{"title":181,"path":182,"stem":183},"Comparison","\u002Fresources\u002Fcomparison","7.resources\u002F4.comparison",{"title":185,"path":186,"stem":187},"Changelog","\u002Fresources\u002Fchangelog","7.resources\u002F5.changelog",{"id":189,"title":19,"body":190,"description":1053,"extension":1054,"links":1055,"meta":1056,"navigation":395,"path":20,"seo":1057,"stem":21,"__hash__":1058},"docs\u002F2.getting-started\u002F2.installation.md",{"type":191,"value":192,"toc":1047},"minimark",[193,197,1044],[194,195,19],"h1",{"id":196},"installation",[198,199,201,206,271,278,282,289,305,594,604,612,621,1038],"steps",{"level":200},"3",[202,203,205],"h3",{"id":204},"install-the-package","Install the package",[207,208,209,238,255],"code-group",{},[210,211,217],"pre",{"className":212,"code":213,"filename":214,"language":215,"meta":216,"style":216},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install @kolirt\u002Fvue-modal reka-ui\n","npm","bash","",[218,219,220],"code",{"__ignoreMap":216},[221,222,225,228,232,235],"span",{"class":223,"line":224},"line",1,[221,226,214],{"class":227},"sBMFI",[221,229,231],{"class":230},"sfazB"," install",[221,233,234],{"class":230}," @kolirt\u002Fvue-modal",[221,236,237],{"class":230}," reka-ui\n",[210,239,242],{"className":212,"code":240,"filename":241,"language":215,"meta":216,"style":216},"yarn add @kolirt\u002Fvue-modal reka-ui\n","yarn",[218,243,244],{"__ignoreMap":216},[221,245,246,248,251,253],{"class":223,"line":224},[221,247,241],{"class":227},[221,249,250],{"class":230}," add",[221,252,234],{"class":230},[221,254,237],{"class":230},[210,256,259],{"className":212,"code":257,"filename":258,"language":215,"meta":216,"style":216},"pnpm add @kolirt\u002Fvue-modal reka-ui\n","pnpm",[218,260,261],{"__ignoreMap":216},[221,262,263,265,267,269],{"class":223,"line":224},[221,264,258],{"class":227},[221,266,250],{"class":230},[221,268,234],{"class":230},[221,270,237],{"class":230},[272,273,274,277],"p",{},[218,275,276],{},"reka-ui"," is a peer dependency.",[202,279,281],{"id":280},"register-groups-and-install-the-plugin","Register groups and install the plugin",[272,283,284,285,288],{},"The package requires every modal to belong to a registered group. Without registered groups the package can't be used at all — there's no implicit ",[218,286,287],{},"'default'",".",[272,290,291,292,295,296,304],{},"If you use TypeScript, declare the registry via module augmentation so every ",[218,293,294],{},"group"," reference is checked at compile time. ",[297,298,299,300,303],"strong",{},"Skip the ",[218,301,302],{},"declare module"," block if you're not on TypeScript"," — the runtime side works the same way.",[210,306,311],{"className":307,"code":308,"filename":309,"language":310,"meta":216,"style":216},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { createApp } from 'vue'\nimport { createModal, type DefineGroups } from '@kolirt\u002Fvue-modal'\nimport App from '.\u002FApp.vue'\n\n\u002F\u002F (TypeScript only) Type-check every `group` reference against this list.\ndeclare module '@kolirt\u002Fvue-modal' {\n  interface ModalGroupRegistry extends DefineGroups\u003C['default']> {}\n}\n\nconst app = createApp(App)\n\napp.use(\n  createModal({\n    groups: {\n      \u002F\u002F per-group behavior options — see \u002Fguide\u002Fbehavior-options for the full list\n      default: {}\n    }\n  })\n)\n\napp.mount('#app')\n","main.ts","ts",[218,312,313,342,372,390,397,404,424,461,467,472,490,495,509,521,532,538,548,554,563,568,573],{"__ignoreMap":216},[221,314,315,319,323,327,330,333,336,339],{"class":223,"line":224},[221,316,318],{"class":317},"s7zQu","import",[221,320,322],{"class":321},"sMK4o"," {",[221,324,326],{"class":325},"sTEyZ"," createApp",[221,328,329],{"class":321}," }",[221,331,332],{"class":317}," from",[221,334,335],{"class":321}," '",[221,337,338],{"class":230},"vue",[221,340,341],{"class":321},"'\n",[221,343,345,347,349,352,355,358,361,363,365,367,370],{"class":223,"line":344},2,[221,346,318],{"class":317},[221,348,322],{"class":321},[221,350,351],{"class":325}," createModal",[221,353,354],{"class":321},",",[221,356,357],{"class":317}," type",[221,359,360],{"class":325}," DefineGroups",[221,362,329],{"class":321},[221,364,332],{"class":317},[221,366,335],{"class":321},[221,368,369],{"class":230},"@kolirt\u002Fvue-modal",[221,371,341],{"class":321},[221,373,375,377,380,383,385,388],{"class":223,"line":374},3,[221,376,318],{"class":317},[221,378,379],{"class":325}," App ",[221,381,382],{"class":317},"from",[221,384,335],{"class":321},[221,386,387],{"class":230},".\u002FApp.vue",[221,389,341],{"class":321},[221,391,393],{"class":223,"line":392},4,[221,394,396],{"emptyLinePlaceholder":395},true,"\n",[221,398,400],{"class":223,"line":399},5,[221,401,403],{"class":402},"sHwdD","\u002F\u002F (TypeScript only) Type-check every `group` reference against this list.\n",[221,405,407,411,414,416,418,421],{"class":223,"line":406},6,[221,408,410],{"class":409},"spNyl","declare",[221,412,413],{"class":409}," module",[221,415,335],{"class":321},[221,417,369],{"class":230},[221,419,420],{"class":321},"'",[221,422,423],{"class":321}," {\n",[221,425,427,430,433,436,438,441,445,447,450,452,455,458],{"class":223,"line":426},7,[221,428,429],{"class":409},"  interface",[221,431,432],{"class":227}," ModalGroupRegistry",[221,434,435],{"class":409}," extends",[221,437,360],{"class":227},[221,439,440],{"class":321},"\u003C",[221,442,444],{"class":443},"swJcz","[",[221,446,420],{"class":321},[221,448,449],{"class":230},"default",[221,451,420],{"class":321},[221,453,454],{"class":443},"]",[221,456,457],{"class":321},">",[221,459,460],{"class":321}," {}\n",[221,462,464],{"class":223,"line":463},8,[221,465,466],{"class":321},"}\n",[221,468,470],{"class":223,"line":469},9,[221,471,396],{"emptyLinePlaceholder":395},[221,473,475,478,481,484,487],{"class":223,"line":474},10,[221,476,477],{"class":409},"const",[221,479,480],{"class":325}," app ",[221,482,483],{"class":321},"=",[221,485,326],{"class":486},"s2Zo4",[221,488,489],{"class":325},"(App)\n",[221,491,493],{"class":223,"line":492},11,[221,494,396],{"emptyLinePlaceholder":395},[221,496,498,501,503,506],{"class":223,"line":497},12,[221,499,500],{"class":325},"app",[221,502,288],{"class":321},[221,504,505],{"class":486},"use",[221,507,508],{"class":325},"(\n",[221,510,512,515,518],{"class":223,"line":511},13,[221,513,514],{"class":486},"  createModal",[221,516,517],{"class":325},"(",[221,519,520],{"class":321},"{\n",[221,522,524,527,530],{"class":223,"line":523},14,[221,525,526],{"class":443},"    groups",[221,528,529],{"class":321},":",[221,531,423],{"class":321},[221,533,535],{"class":223,"line":534},15,[221,536,537],{"class":402},"      \u002F\u002F per-group behavior options — see \u002Fguide\u002Fbehavior-options for the full list\n",[221,539,541,544,546],{"class":223,"line":540},16,[221,542,543],{"class":443},"      default",[221,545,529],{"class":321},[221,547,460],{"class":321},[221,549,551],{"class":223,"line":550},17,[221,552,553],{"class":321},"    }\n",[221,555,557,560],{"class":223,"line":556},18,[221,558,559],{"class":321},"  }",[221,561,562],{"class":325},")\n",[221,564,566],{"class":223,"line":565},19,[221,567,562],{"class":325},[221,569,571],{"class":223,"line":570},20,[221,572,396],{"emptyLinePlaceholder":395},[221,574,576,578,580,583,585,587,590,592],{"class":223,"line":575},21,[221,577,500],{"class":325},[221,579,288],{"class":321},[221,581,582],{"class":486},"mount",[221,584,517],{"class":325},[221,586,420],{"class":321},[221,588,589],{"class":230},"#app",[221,591,420],{"class":321},[221,593,562],{"class":325},[272,595,596,599,600,603],{},[218,597,598],{},"DefineGroups\u003CT>"," expands a tuple of group names into the registry shape. ",[218,601,602],{},"createModal({ groups })"," keys are checked against the registry — passing an undeclared group is a TypeScript error.",[202,605,607,608,611],{"id":606},"mount-a-modaltarget-for-each-group","Mount a ",[218,609,610],{},"\u003CModalTarget>"," for each group",[272,613,614,616,617,620],{},[218,615,610],{}," is the host where modals of a given group are rendered. ",[218,618,619],{},"\u003CModalOverlay>"," renders a backdrop while any modal in that group is open — it's optional.",[210,622,626],{"className":623,"code":624,"filename":625,"language":338,"meta":216,"style":216},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ModalTarget, ModalOverlay } from '@kolirt\u002Fvue-modal'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CRouterView \u002F>\n\n  \u003CModalTarget group=\"default\">\n    \u003CModalOverlay class=\"overlay\" \u002F>\n  \u003C\u002FModalTarget>\n\u003C\u002Ftemplate>\n\n\u003Cstyle>\n.overlay {\n  background: rgba(0, 0, 0, 0.5);\n}\n.overlay[data-state='open'] {\n  animation: overlay-fade-in 200ms ease-out;\n}\n.overlay[data-state='closed'] {\n  animation: overlay-fade-out 200ms ease-in forwards;\n}\n@keyframes overlay-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n@keyframes overlay-fade-out {\n  from { opacity: 1; }\n  to { opacity: 0; }\n}\n\u003C\u002Fstyle>\n","App.vue",[218,627,628,653,677,686,690,699,710,714,734,756,765,773,777,786,794,828,832,856,875,879,902,918,923,935,956,975,980,990,1007,1024,1029],{"__ignoreMap":216},[221,629,630,632,635,638,641,643,646,648,650],{"class":223,"line":224},[221,631,440],{"class":321},[221,633,634],{"class":443},"script",[221,636,637],{"class":409}," setup",[221,639,640],{"class":409}," lang",[221,642,483],{"class":321},[221,644,645],{"class":321},"\"",[221,647,310],{"class":230},[221,649,645],{"class":321},[221,651,652],{"class":321},">\n",[221,654,655,657,659,662,664,667,669,671,673,675],{"class":223,"line":344},[221,656,318],{"class":317},[221,658,322],{"class":321},[221,660,661],{"class":325}," ModalTarget",[221,663,354],{"class":321},[221,665,666],{"class":325}," ModalOverlay",[221,668,329],{"class":321},[221,670,332],{"class":317},[221,672,335],{"class":321},[221,674,369],{"class":230},[221,676,341],{"class":321},[221,678,679,682,684],{"class":223,"line":374},[221,680,681],{"class":321},"\u003C\u002F",[221,683,634],{"class":443},[221,685,652],{"class":321},[221,687,688],{"class":223,"line":392},[221,689,396],{"emptyLinePlaceholder":395},[221,691,692,694,697],{"class":223,"line":399},[221,693,440],{"class":321},[221,695,696],{"class":443},"template",[221,698,652],{"class":321},[221,700,701,704,707],{"class":223,"line":406},[221,702,703],{"class":321},"  \u003C",[221,705,706],{"class":443},"RouterView",[221,708,709],{"class":321}," \u002F>\n",[221,711,712],{"class":223,"line":426},[221,713,396],{"emptyLinePlaceholder":395},[221,715,716,718,721,724,726,728,730,732],{"class":223,"line":463},[221,717,703],{"class":321},[221,719,720],{"class":443},"ModalTarget",[221,722,723],{"class":409}," group",[221,725,483],{"class":321},[221,727,645],{"class":321},[221,729,449],{"class":230},[221,731,645],{"class":321},[221,733,652],{"class":321},[221,735,736,739,742,745,747,749,752,754],{"class":223,"line":469},[221,737,738],{"class":321},"    \u003C",[221,740,741],{"class":443},"ModalOverlay",[221,743,744],{"class":409}," class",[221,746,483],{"class":321},[221,748,645],{"class":321},[221,750,751],{"class":230},"overlay",[221,753,645],{"class":321},[221,755,709],{"class":321},[221,757,758,761,763],{"class":223,"line":474},[221,759,760],{"class":321},"  \u003C\u002F",[221,762,720],{"class":443},[221,764,652],{"class":321},[221,766,767,769,771],{"class":223,"line":492},[221,768,681],{"class":321},[221,770,696],{"class":443},[221,772,652],{"class":321},[221,774,775],{"class":223,"line":497},[221,776,396],{"emptyLinePlaceholder":395},[221,778,779,781,784],{"class":223,"line":511},[221,780,440],{"class":321},[221,782,783],{"class":443},"style",[221,785,652],{"class":321},[221,787,788,790,792],{"class":223,"line":523},[221,789,288],{"class":321},[221,791,751],{"class":227},[221,793,423],{"class":321},[221,795,796,800,802,805,807,811,813,816,818,820,822,825],{"class":223,"line":534},[221,797,799],{"class":798},"sqsOY","  background",[221,801,529],{"class":321},[221,803,804],{"class":486}," rgba",[221,806,517],{"class":321},[221,808,810],{"class":809},"sbssI","0",[221,812,354],{"class":321},[221,814,815],{"class":809}," 0",[221,817,354],{"class":321},[221,819,815],{"class":809},[221,821,354],{"class":321},[221,823,824],{"class":809}," 0.5",[221,826,827],{"class":321},");\n",[221,829,830],{"class":223,"line":540},[221,831,466],{"class":321},[221,833,834,836,838,840,843,845,847,850,852,854],{"class":223,"line":550},[221,835,288],{"class":321},[221,837,751],{"class":227},[221,839,444],{"class":321},[221,841,842],{"class":409},"data-state",[221,844,483],{"class":321},[221,846,420],{"class":321},[221,848,849],{"class":230},"open",[221,851,420],{"class":321},[221,853,454],{"class":321},[221,855,423],{"class":321},[221,857,858,861,863,866,869,872],{"class":223,"line":556},[221,859,860],{"class":798},"  animation",[221,862,529],{"class":321},[221,864,865],{"class":325}," overlay-fade-in ",[221,867,868],{"class":809},"200ms",[221,870,871],{"class":325}," ease-out",[221,873,874],{"class":321},";\n",[221,876,877],{"class":223,"line":565},[221,878,466],{"class":321},[221,880,881,883,885,887,889,891,893,896,898,900],{"class":223,"line":570},[221,882,288],{"class":321},[221,884,751],{"class":227},[221,886,444],{"class":321},[221,888,842],{"class":409},[221,890,483],{"class":321},[221,892,420],{"class":321},[221,894,895],{"class":230},"closed",[221,897,420],{"class":321},[221,899,454],{"class":321},[221,901,423],{"class":321},[221,903,904,906,908,911,913,916],{"class":223,"line":575},[221,905,860],{"class":798},[221,907,529],{"class":321},[221,909,910],{"class":325}," overlay-fade-out ",[221,912,868],{"class":809},[221,914,915],{"class":325}," ease-in forwards",[221,917,874],{"class":321},[221,919,921],{"class":223,"line":920},22,[221,922,466],{"class":321},[221,924,926,929,933],{"class":223,"line":925},23,[221,927,928],{"class":317},"@keyframes",[221,930,932],{"class":931},"sHdIc"," overlay-fade-in",[221,934,423],{"class":321},[221,936,938,941,943,946,948,950,953],{"class":223,"line":937},24,[221,939,940],{"class":227},"  from",[221,942,322],{"class":321},[221,944,945],{"class":798}," opacity",[221,947,529],{"class":321},[221,949,815],{"class":809},[221,951,952],{"class":321},";",[221,954,955],{"class":321}," }\n",[221,957,959,962,964,966,968,971,973],{"class":223,"line":958},25,[221,960,961],{"class":227},"  to",[221,963,322],{"class":321},[221,965,945],{"class":798},[221,967,529],{"class":321},[221,969,970],{"class":809}," 1",[221,972,952],{"class":321},[221,974,955],{"class":321},[221,976,978],{"class":223,"line":977},26,[221,979,466],{"class":321},[221,981,983,985,988],{"class":223,"line":982},27,[221,984,928],{"class":317},[221,986,987],{"class":931}," overlay-fade-out",[221,989,423],{"class":321},[221,991,993,995,997,999,1001,1003,1005],{"class":223,"line":992},28,[221,994,940],{"class":227},[221,996,322],{"class":321},[221,998,945],{"class":798},[221,1000,529],{"class":321},[221,1002,970],{"class":809},[221,1004,952],{"class":321},[221,1006,955],{"class":321},[221,1008,1010,1012,1014,1016,1018,1020,1022],{"class":223,"line":1009},29,[221,1011,961],{"class":227},[221,1013,322],{"class":321},[221,1015,945],{"class":798},[221,1017,529],{"class":321},[221,1019,815],{"class":809},[221,1021,952],{"class":321},[221,1023,955],{"class":321},[221,1025,1027],{"class":223,"line":1026},30,[221,1028,466],{"class":321},[221,1030,1032,1034,1036],{"class":223,"line":1031},31,[221,1033,681],{"class":321},[221,1035,783],{"class":443},[221,1037,652],{"class":321},[272,1039,1040,1041,1043],{},"Each group needs its own ",[218,1042,610],{}," mount point; otherwise modals opened in that group have nowhere to render.",[783,1045,1046],{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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":216,"searchDepth":344,"depth":344,"links":1048},[1049,1050,1051],{"id":204,"depth":374,"text":205},{"id":280,"depth":374,"text":281},{"id":606,"depth":374,"text":1052},"Mount a \u003CModalTarget> for each group","Install the package and register your modal groups.","md",null,{},{"title":19,"description":1053},"J6AHEjZ8Ti94NaEYk9TbwSUtwcmqfGuSC7QwSrb8szw",[1060,1062],{"title":15,"path":16,"stem":17,"description":1061,"children":-1},"What @kolirt\u002Fvue-modal is and the problems it solves.",{"title":23,"path":24,"stem":25,"description":1063,"children":-1},"Write a modal component, open it imperatively, handle the result.",1779523617515]