[{"data":1,"prerenderedAt":1681},["ShallowReactive",2],{"navigation":3,"-composables-define-shortcuts":581,"-composables-define-shortcuts-surround":1665,"-composables-define-shortcuts-description":1670},[4,108,126],{"title":5,"path":6,"stem":7,"children":8,"framework":11,"module":11,"icon":24},"Getting Started","/getting-started","1.getting-started/1.index",[9,13,42,46,51,56,68,73,85,98,103],{"title":10,"path":6,"stem":7,"framework":11,"module":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"framework":11,"module":11,"shadow":15,"path":16,"stem":17,"children":18,"page":41},"Installation",true,"/getting-started/installation","1.getting-started/2.installation",[19,25,29],{"title":14,"path":20,"stem":21,"framework":22,"module":23,"icon":24},"/getting-started/installation/nuxt","1.getting-started/2.installation/1.nuxt","nuxt","ui","i-lucide-square-play",{"title":14,"path":26,"stem":27,"framework":28,"module":23,"icon":24},"/getting-started/installation/vue","1.getting-started/2.installation/2.vue","vue",{"title":30,"framework":11,"module":11,"shadow":15,"path":31,"stem":32,"children":33,"page":41},"Pro","/getting-started/installation/pro","1.getting-started/2.installation/pro",[34,38],{"title":14,"path":35,"stem":36,"framework":22,"module":37,"icon":24},"/getting-started/installation/pro/nuxt","1.getting-started/2.installation/pro/1.nuxt","ui-pro",{"title":14,"path":39,"stem":40,"framework":28,"module":37,"icon":24},"/getting-started/installation/pro/vue","1.getting-started/2.installation/pro/2.vue",false,{"title":43,"path":44,"stem":45,"framework":11,"module":11},"Migration","/getting-started/migration","1.getting-started/2.migration",{"title":47,"path":48,"stem":49,"framework":11,"module":37,"icon":50},"License","/getting-started/license","1.getting-started/3.license","i-lucide-key-square",{"title":52,"path":53,"stem":54,"framework":11,"module":11,"icon":55},"Theme","/getting-started/theme","1.getting-started/3.theme","i-lucide-swatch-book",{"title":57,"framework":11,"module":11,"shadow":15,"path":58,"stem":59,"children":60,"page":41},"Icons","/getting-started/icons","1.getting-started/4.icons",[61,65],{"title":57,"path":62,"stem":63,"framework":22,"module":11,"icon":64},"/getting-started/icons/nuxt","1.getting-started/4.icons/1.nuxt","i-lucide-smile",{"title":57,"path":66,"stem":67,"framework":28,"module":11,"icon":64},"/getting-started/icons/vue","1.getting-started/4.icons/2.vue",{"title":69,"path":70,"stem":71,"framework":22,"module":11,"icon":72},"Fonts","/getting-started/fonts","1.getting-started/5.fonts","i-lucide-a-large-small",{"title":74,"framework":11,"module":11,"shadow":15,"path":75,"stem":76,"children":77,"page":41},"Color Mode","/getting-started/color-mode","1.getting-started/6.color-mode",[78,82],{"title":74,"path":79,"stem":80,"framework":22,"module":11,"icon":81},"/getting-started/color-mode/nuxt","1.getting-started/6.color-mode/1.nuxt","i-lucide-sun-moon",{"title":74,"path":83,"stem":84,"framework":28,"module":11,"icon":81},"/getting-started/color-mode/vue","1.getting-started/6.color-mode/2.vue",{"title":86,"framework":11,"module":11,"shadow":15,"path":87,"stem":88,"children":89,"page":41},"I18n","/getting-started/i18n","1.getting-started/7.i18n",[90,95],{"title":91,"path":92,"stem":93,"framework":22,"module":11,"icon":94},"Internationalization (i18n)","/getting-started/i18n/nuxt","1.getting-started/7.i18n/1.nuxt","i-lucide-languages",{"title":91,"path":96,"stem":97,"framework":28,"module":11,"icon":94},"/getting-started/i18n/vue","1.getting-started/7.i18n/2.vue",{"title":99,"path":100,"stem":101,"framework":22,"module":37,"icon":102},"Content","/getting-started/content","1.getting-started/8.content","i-simple-icons-markdown",{"title":104,"path":105,"stem":106,"framework":22,"module":37,"icon":107},"Typography","/getting-started/typography","1.getting-started/9.typography","i-lucide-type",{"title":109,"framework":11,"module":11,"icon":110,"path":111,"stem":112,"children":113,"page":41},"Composables","i-lucide-square-function","/composables","2.composables",[114,118,122],{"title":115,"path":116,"stem":117,"framework":11,"module":11},"defineShortcuts","/composables/define-shortcuts","2.composables/define-shortcuts",{"title":119,"path":120,"stem":121,"framework":11,"module":11},"useOverlay","/composables/use-overlay","2.composables/use-overlay",{"title":123,"path":124,"stem":125,"framework":11,"module":11},"useToast","/composables/use-toast","2.composables/use-toast",{"title":127,"framework":11,"module":11,"icon":128,"path":129,"stem":130,"children":131,"page":41},"Components","i-lucide-square-code","/components","3.components",[132,136,140,144,148,152,156,160,164,168,172,176,180,184,188,192,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,296,300,304,308,312,316,320,324,328,332,336,340,344,348,353,357,361,365,369,373,377,381,385,389,393,397,401,405,409,413,417,421,425,429,433,437,441,445,449,453,457,461,465,469,473,477,481,485,489,493,497,501,505,509,513,517,521,525,529,533,537,541,545,549,553,557,561,565,569,573,577],{"title":133,"path":134,"stem":135,"framework":11,"module":11},"App","/components/app","3.components/0.app",{"title":137,"path":138,"stem":139,"framework":11,"module":11},"Accordion","/components/accordion","3.components/accordion",{"title":141,"path":142,"stem":143,"framework":11,"module":11},"Alert","/components/alert","3.components/alert",{"title":145,"path":146,"stem":147,"framework":11,"module":37},"AuthForm","/components/auth-form","3.components/auth-form",{"title":149,"path":150,"stem":151,"framework":11,"module":11},"Avatar","/components/avatar","3.components/avatar",{"title":153,"path":154,"stem":155,"framework":11,"module":11},"AvatarGroup","/components/avatar-group","3.components/avatar-group",{"title":157,"path":158,"stem":159,"framework":11,"module":11},"Badge","/components/badge","3.components/badge",{"title":161,"path":162,"stem":163,"framework":11,"module":37},"Banner","/components/banner","3.components/banner",{"title":165,"path":166,"stem":167,"framework":11,"module":37},"BlogPost","/components/blog-post","3.components/blog-post",{"title":169,"path":170,"stem":171,"framework":11,"module":37},"BlogPosts","/components/blog-posts","3.components/blog-posts",{"title":173,"path":174,"stem":175,"framework":11,"module":11},"Breadcrumb","/components/breadcrumb","3.components/breadcrumb",{"title":177,"path":178,"stem":179,"framework":11,"module":11},"Button","/components/button","3.components/button",{"title":181,"path":182,"stem":183,"framework":11,"module":11},"ButtonGroup","/components/button-group","3.components/button-group",{"title":185,"path":186,"stem":187,"framework":11,"module":11},"Calendar","/components/calendar","3.components/calendar",{"title":189,"path":190,"stem":191,"framework":11,"module":11},"Card","/components/card","3.components/card",{"title":193,"path":194,"stem":195,"framework":11,"module":11},"Carousel","/components/carousel","3.components/carousel",{"title":197,"path":198,"stem":199,"framework":11,"module":37},"ChangelogVersion","/components/changelog-version","3.components/changelog-version",{"title":201,"path":202,"stem":203,"framework":11,"module":37},"ChangelogVersions","/components/changelog-versions","3.components/changelog-versions",{"title":205,"path":206,"stem":207,"framework":11,"module":37},"ChatMessage","/components/chat-message","3.components/chat-message",{"title":209,"path":210,"stem":211,"framework":11,"module":37},"ChatMessages","/components/chat-messages","3.components/chat-messages",{"title":213,"path":214,"stem":215,"framework":11,"module":37},"ChatPalette","/components/chat-palette","3.components/chat-palette",{"title":217,"path":218,"stem":219,"framework":11,"module":37},"ChatPrompt","/components/chat-prompt","3.components/chat-prompt",{"title":221,"path":222,"stem":223,"framework":11,"module":37},"ChatPromptSubmit","/components/chat-prompt-submit","3.components/chat-prompt-submit",{"title":225,"path":226,"stem":227,"framework":11,"module":11},"Checkbox","/components/checkbox","3.components/checkbox",{"title":229,"path":230,"stem":231,"framework":11,"module":11},"CheckboxGroup","/components/checkbox-group","3.components/checkbox-group",{"title":233,"path":234,"stem":235,"framework":11,"module":11},"Chip","/components/chip","3.components/chip",{"title":237,"path":238,"stem":239,"framework":11,"module":11},"Collapsible","/components/collapsible","3.components/collapsible",{"title":241,"path":242,"stem":243,"framework":11,"module":37},"ColorModeAvatar","/components/color-mode-avatar","3.components/color-mode-avatar",{"title":245,"path":246,"stem":247,"framework":11,"module":37},"ColorModeButton","/components/color-mode-button","3.components/color-mode-button",{"title":249,"path":250,"stem":251,"framework":11,"module":37},"ColorModeImage","/components/color-mode-image","3.components/color-mode-image",{"title":253,"path":254,"stem":255,"framework":11,"module":37},"ColorModeSelect","/components/color-mode-select","3.components/color-mode-select",{"title":257,"path":258,"stem":259,"framework":11,"module":37},"ColorModeSwitch","/components/color-mode-switch","3.components/color-mode-switch",{"title":261,"path":262,"stem":263,"framework":11,"module":11},"ColorPicker","/components/color-picker","3.components/color-picker",{"title":265,"path":266,"stem":267,"framework":11,"module":11},"CommandPalette","/components/command-palette","3.components/command-palette",{"title":269,"path":270,"stem":271,"framework":11,"module":11},"Container","/components/container","3.components/container",{"title":273,"path":274,"stem":275,"framework":22,"module":37},"ContentNavigation","/components/content-navigation","3.components/content-navigation",{"title":277,"path":278,"stem":279,"framework":22,"module":37},"ContentSearch","/components/content-search","3.components/content-search",{"title":281,"path":282,"stem":283,"framework":22,"module":37},"ContentSearchButton","/components/content-search-button","3.components/content-search-button",{"title":285,"path":286,"stem":287,"framework":22,"module":37},"ContentSurround","/components/content-surround","3.components/content-surround",{"title":289,"path":290,"stem":291,"framework":22,"module":37},"ContentToc","/components/content-toc","3.components/content-toc",{"title":293,"path":294,"stem":295,"framework":11,"module":11},"ContextMenu","/components/context-menu","3.components/context-menu",{"title":297,"path":298,"stem":299,"framework":11,"module":37},"DashboardGroup","/components/dashboard-group","3.components/dashboard-group",{"title":301,"path":302,"stem":303,"framework":11,"module":37},"DashboardNavbar","/components/dashboard-navbar","3.components/dashboard-navbar",{"title":305,"path":306,"stem":307,"framework":11,"module":37},"DashboardPanel","/components/dashboard-panel","3.components/dashboard-panel",{"title":309,"path":310,"stem":311,"framework":11,"module":37},"DashboardResizeHandle","/components/dashboard-resize-handle","3.components/dashboard-resize-handle",{"title":313,"path":314,"stem":315,"framework":11,"module":37},"DashboardSearch","/components/dashboard-search","3.components/dashboard-search",{"title":317,"path":318,"stem":319,"framework":11,"module":37},"DashboardSearchButton","/components/dashboard-search-button","3.components/dashboard-search-button",{"title":321,"path":322,"stem":323,"framework":11,"module":37},"DashboardSidebar","/components/dashboard-sidebar","3.components/dashboard-sidebar",{"title":325,"path":326,"stem":327,"framework":11,"module":37},"DashboardSidebarCollapse","/components/dashboard-sidebar-collapse","3.components/dashboard-sidebar-collapse",{"title":329,"path":330,"stem":331,"framework":11,"module":37},"DashboardSidebarToggle","/components/dashboard-sidebar-toggle","3.components/dashboard-sidebar-toggle",{"title":333,"path":334,"stem":335,"framework":11,"module":37},"DashboardToolbar","/components/dashboard-toolbar","3.components/dashboard-toolbar",{"title":337,"path":338,"stem":339,"framework":11,"module":11},"Drawer","/components/drawer","3.components/drawer",{"title":341,"path":342,"stem":343,"framework":11,"module":11},"DropdownMenu","/components/dropdown-menu","3.components/dropdown-menu",{"title":345,"path":346,"stem":347,"framework":11,"module":37},"Error","/components/error","3.components/error",{"title":349,"path":350,"stem":351,"framework":11,"module":11,"badge":352},"FileUpload","/components/file-upload","3.components/file-upload","New",{"title":354,"path":355,"stem":356,"framework":11,"module":37},"Footer","/components/footer","3.components/footer",{"title":358,"path":359,"stem":360,"framework":11,"module":37},"FooterColumns","/components/footer-columns","3.components/footer-columns",{"title":362,"path":363,"stem":364,"framework":11,"module":11},"Form","/components/form","3.components/form",{"title":366,"path":367,"stem":368,"framework":11,"module":11},"FormField","/components/form-field","3.components/form-field",{"title":370,"path":371,"stem":372,"framework":11,"module":37},"Header","/components/header","3.components/header",{"title":374,"path":375,"stem":376,"framework":11,"module":11},"Icon","/components/icon","3.components/icon",{"title":378,"path":379,"stem":380,"framework":11,"module":11},"Input","/components/input","3.components/input",{"title":382,"path":383,"stem":384,"framework":11,"module":11},"InputMenu","/components/input-menu","3.components/input-menu",{"title":386,"path":387,"stem":388,"framework":11,"module":11},"InputNumber","/components/input-number","3.components/input-number",{"title":390,"path":391,"stem":392,"framework":11,"module":11},"InputTags","/components/input-tags","3.components/input-tags",{"title":394,"path":395,"stem":396,"framework":11,"module":11},"Kbd","/components/kbd","3.components/kbd",{"title":398,"path":399,"stem":400,"framework":11,"module":11},"Link","/components/link","3.components/link",{"title":402,"path":403,"stem":404,"framework":11,"module":37},"LocaleSelect","/components/locale-select","3.components/locale-select",{"title":406,"path":407,"stem":408,"framework":11,"module":37},"Main","/components/main","3.components/main",{"title":410,"path":411,"stem":412,"framework":11,"module":11},"Modal","/components/modal","3.components/modal",{"title":414,"path":415,"stem":416,"framework":11,"module":11},"NavigationMenu","/components/navigation-menu","3.components/navigation-menu",{"title":418,"path":419,"stem":420,"framework":11,"module":37},"Page","/components/page","3.components/page",{"title":422,"path":423,"stem":424,"framework":11,"module":37},"PageAccordion","/components/page-accordion","3.components/page-accordion",{"title":426,"path":427,"stem":428,"framework":11,"module":37},"PageAnchors","/components/page-anchors","3.components/page-anchors",{"title":430,"path":431,"stem":432,"framework":11,"module":37},"PageAside","/components/page-aside","3.components/page-aside",{"title":434,"path":435,"stem":436,"framework":11,"module":37},"PageBody","/components/page-body","3.components/page-body",{"title":438,"path":439,"stem":440,"framework":11,"module":37},"PageCard","/components/page-card","3.components/page-card",{"title":442,"path":443,"stem":444,"framework":11,"module":37},"PageColumns","/components/page-columns","3.components/page-columns",{"title":446,"path":447,"stem":448,"framework":11,"module":37},"PageCTA","/components/page-cta","3.components/page-cta",{"title":450,"path":451,"stem":452,"framework":11,"module":37},"PageFeature","/components/page-feature","3.components/page-feature",{"title":454,"path":455,"stem":456,"framework":11,"module":37},"PageGrid","/components/page-grid","3.components/page-grid",{"title":458,"path":459,"stem":460,"framework":11,"module":37},"PageHeader","/components/page-header","3.components/page-header",{"title":462,"path":463,"stem":464,"framework":11,"module":37},"PageHero","/components/page-hero","3.components/page-hero",{"title":466,"path":467,"stem":468,"framework":11,"module":37},"PageLinks","/components/page-links","3.components/page-links",{"title":470,"path":471,"stem":472,"framework":11,"module":37},"PageList","/components/page-list","3.components/page-list",{"title":474,"path":475,"stem":476,"framework":11,"module":37},"PageLogos","/components/page-logos","3.components/page-logos",{"title":478,"path":479,"stem":480,"framework":11,"module":37},"PageMarquee","/components/page-marquee","3.components/page-marquee",{"title":482,"path":483,"stem":484,"framework":11,"module":37},"PageSection","/components/page-section","3.components/page-section",{"title":486,"path":487,"stem":488,"framework":11,"module":11},"Pagination","/components/pagination","3.components/pagination",{"title":490,"path":491,"stem":492,"framework":11,"module":11},"PinInput","/components/pin-input","3.components/pin-input",{"title":494,"path":495,"stem":496,"framework":11,"module":11},"Popover","/components/popover","3.components/popover",{"title":498,"path":499,"stem":500,"framework":11,"module":37},"PricingPlan","/components/pricing-plan","3.components/pricing-plan",{"title":502,"path":503,"stem":504,"framework":11,"module":37},"PricingPlans","/components/pricing-plans","3.components/pricing-plans",{"title":506,"path":507,"stem":508,"framework":11,"module":37},"PricingTable","/components/pricing-table","3.components/pricing-table",{"title":510,"path":511,"stem":512,"framework":11,"module":11},"Progress","/components/progress","3.components/progress",{"title":514,"path":515,"stem":516,"framework":11,"module":11},"RadioGroup","/components/radio-group","3.components/radio-group",{"title":518,"path":519,"stem":520,"framework":11,"module":11},"Select","/components/select","3.components/select",{"title":522,"path":523,"stem":524,"framework":11,"module":11},"SelectMenu","/components/select-menu","3.components/select-menu",{"title":526,"path":527,"stem":528,"framework":11,"module":11},"Separator","/components/separator","3.components/separator",{"title":530,"path":531,"stem":532,"framework":11,"module":11},"Skeleton","/components/skeleton","3.components/skeleton",{"title":534,"path":535,"stem":536,"framework":11,"module":11},"Slideover","/components/slideover","3.components/slideover",{"title":538,"path":539,"stem":540,"framework":11,"module":11},"Slider","/components/slider","3.components/slider",{"title":542,"path":543,"stem":544,"framework":11,"module":11},"Stepper","/components/stepper","3.components/stepper",{"title":546,"path":547,"stem":548,"framework":11,"module":11},"Switch","/components/switch","3.components/switch",{"title":550,"path":551,"stem":552,"framework":11,"module":11},"Table","/components/table","3.components/table",{"title":554,"path":555,"stem":556,"framework":11,"module":11},"Tabs","/components/tabs","3.components/tabs",{"title":558,"path":559,"stem":560,"framework":11,"module":11},"Textarea","/components/textarea","3.components/textarea",{"title":562,"path":563,"stem":564,"framework":11,"module":11},"Timeline","/components/timeline","3.components/timeline",{"title":566,"path":567,"stem":568,"framework":11,"module":11},"Toast","/components/toast","3.components/toast",{"title":570,"path":571,"stem":572,"framework":11,"module":11},"Tooltip","/components/tooltip","3.components/tooltip",{"title":574,"path":575,"stem":576,"framework":11,"module":11},"Tree","/components/tree","3.components/tree",{"title":578,"path":579,"stem":580,"framework":11,"module":37},"User","/components/user","3.components/user",{"id":582,"title":115,"body":583,"category":11,"description":1660,"extension":1661,"framework":11,"links":11,"meta":1662,"module":11,"navigation":11,"path":116,"seo":1663,"stem":117,"__hash__":1664},"content/2.composables/define-shortcuts.md",{"type":584,"value":585,"toc":1649},"minimark",[586,591,599,752,790,800,804,811,814,839,844,847,889,893,921,925,954,958,961,1014,1047,1051,1055,1171,1175,1181,1400,1404,1410,1645],[587,588,590],"h2",{"id":589},"usage","Usage",[592,593,594,595,598],"p",{},"Use the auto-imported ",[596,597,115],"code",{}," composable to define keyboard shortcuts.",[600,601,605],"pre",{"className":602,"code":603,"language":28,"meta":604,"style":604},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nconst open = ref(false)\n\ndefineShortcuts({\n  meta_k: () => {\n    open.value = !open.value\n  }\n})\n\u003C/script>\n","",[596,606,607,642,668,674,684,702,728,734,742],{"__ignoreMap":604},[608,609,612,616,620,624,627,630,633,637,639],"span",{"class":610,"line":611},"line",1,[608,613,615],{"class":614},"sMK4o","\u003C",[608,617,619],{"class":618},"swJcz","script",[608,621,623],{"class":622},"spNyl"," setup",[608,625,626],{"class":622}," lang",[608,628,629],{"class":614},"=",[608,631,632],{"class":614},"\"",[608,634,636],{"class":635},"sfazB","ts",[608,638,632],{"class":614},[608,640,641],{"class":614},">\n",[608,643,645,648,652,654,658,661,665],{"class":610,"line":644},2,[608,646,647],{"class":622},"const",[608,649,651],{"class":650},"sTEyZ"," open ",[608,653,629],{"class":614},[608,655,657],{"class":656},"s2Zo4"," ref",[608,659,660],{"class":650},"(",[608,662,664],{"class":663},"sfNiH","false",[608,666,667],{"class":650},")\n",[608,669,671],{"class":610,"line":670},3,[608,672,673],{"emptyLinePlaceholder":15},"\n",[608,675,677,679,681],{"class":610,"line":676},4,[608,678,115],{"class":656},[608,680,660],{"class":650},[608,682,683],{"class":614},"{\n",[608,685,687,690,693,696,699],{"class":610,"line":686},5,[608,688,689],{"class":656},"  meta_k",[608,691,692],{"class":614},":",[608,694,695],{"class":614}," ()",[608,697,698],{"class":622}," =>",[608,700,701],{"class":614}," {\n",[608,703,705,708,711,714,717,720,723,725],{"class":610,"line":704},6,[608,706,707],{"class":650},"    open",[608,709,710],{"class":614},".",[608,712,713],{"class":650},"value",[608,715,716],{"class":614}," =",[608,718,719],{"class":614}," !",[608,721,722],{"class":650},"open",[608,724,710],{"class":614},[608,726,727],{"class":650},"value\n",[608,729,731],{"class":610,"line":730},7,[608,732,733],{"class":614},"  }\n",[608,735,737,740],{"class":610,"line":736},8,[608,738,739],{"class":614},"}",[608,741,667],{"class":650},[608,743,745,748,750],{"class":610,"line":744},9,[608,746,747],{"class":614},"\u003C/",[608,749,619],{"class":618},[608,751,641],{"class":614},[753,754,755,766,779],"ul",{},[756,757,758,759,762,763,710],"li",{},"Shortcuts are automatically adjusted for non-macOS platforms, converting ",[596,760,761],{},"meta"," to ",[596,764,765],{},"ctrl",[756,767,768,769,778],{},"The composable uses VueUse's ",[770,771,775],"a",{"href":772,"rel":773},"https://vueuse.org/core/useEventListener/",[774],"nofollow",[596,776,777],{},"useEventListener"," to handle keydown events.",[756,780,781,782,789],{},"For a complete list of available shortcut keys, refer to the ",[770,783,786],{"href":784,"rel":785},"https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values",[774],[596,787,788],{},"KeyboardEvent.key"," API documentation. Note that the key should be written in lowercase.",[791,792,793],"tip",{"to":395},[592,794,795,796,799],{},"Learn how to display shortcuts in components in the ",[797,798,394],"strong",{}," component documentation.",[587,801,803],{"id":802},"api","API",[805,806,808],"h3",{"id":807},"defineshortcutsconfig-shortcutsconfig-options-shortcutsoptions",[596,809,810],{},"defineShortcuts(config: ShortcutsConfig, options?: ShortcutsOptions)",[592,812,813],{},"Define keyboard shortcuts for your application.",[753,815,816,822],{},[756,817,818,821],{},[596,819,820],{},"config",": An object where keys are shortcut definitions and values are either handler functions or shortcut configuration objects.",[756,823,824,827,828],{},[596,825,826],{},"options",": Optional configuration for the shortcuts behavior.\n",[753,829,830],{},[756,831,832,835,836,710],{},[596,833,834],{},"chainDelay",": The delay between key presses to consider the shortcut as chained. Default is ",[596,837,838],{},"250",[840,841,843],"h4",{"id":842},"shortcut-definition","Shortcut Definition",[592,845,846],{},"Shortcuts are defined using the following format:",[753,848,849,866,879],{},[756,850,851,852,855,856,855,859,855,862,865],{},"Single key: ",[596,853,854],{},"'a'",", ",[596,857,858],{},"'b'",[596,860,861],{},"'1'",[596,863,864],{},"'?'",", etc.",[756,867,868,869,872,873,855,876],{},"Key combinations: Use ",[596,870,871],{},"_"," to separate keys, e.g., ",[596,874,875],{},"'meta_k'",[596,877,878],{},"'ctrl_shift_f'",[756,880,881,882,885,886],{},"Key sequences: Use ",[596,883,884],{},"-"," to define a sequence, e.g., ",[596,887,888],{},"'g-d'",[840,890,892],{"id":891},"modifiers","Modifiers",[753,894,895,908,915],{},[756,896,897,899,900,903,904,907],{},[596,898,761],{},": Represents ",[596,901,902],{},"⌘ Command"," on macOS and ",[596,905,906],{},"Ctrl"," on other platforms",[756,909,910,899,912,914],{},[596,911,765],{},[596,913,906],{}," on all platforms",[756,916,917,920],{},[596,918,919],{},"shift",": Used for alphabetic keys when Shift is required",[840,922,924],{"id":923},"special-keys","Special Keys",[753,926,927,933,939],{},[756,928,929,932],{},[596,930,931],{},"escape",": Triggers on Esc key",[756,934,935,938],{},[596,936,937],{},"enter",": Triggers on Enter key",[756,940,941,855,944,855,947,855,950,953],{},[596,942,943],{},"arrowleft",[596,945,946],{},"arrowright",[596,948,949],{},"arrowup",[596,951,952],{},"arrowdown",": Trigger on respective arrow keys",[840,955,957],{"id":956},"shortcut-configuration","Shortcut Configuration",[592,959,960],{},"Each shortcut can be defined as a function or an object with the following properties:",[600,962,965],{"className":963,"code":964,"language":636,"meta":604,"style":604},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","interface ShortcutConfig {\n  handler: () => void\n  usingInput?: boolean | string\n}\n",[596,966,967,978,992,1009],{"__ignoreMap":604},[608,968,969,972,976],{"class":610,"line":611},[608,970,971],{"class":622},"interface",[608,973,975],{"class":974},"sBMFI"," ShortcutConfig",[608,977,701],{"class":614},[608,979,980,983,985,987,989],{"class":610,"line":644},[608,981,982],{"class":618},"  handler",[608,984,692],{"class":614},[608,986,695],{"class":614},[608,988,698],{"class":622},[608,990,991],{"class":974}," void\n",[608,993,994,997,1000,1003,1006],{"class":610,"line":670},[608,995,996],{"class":618},"  usingInput",[608,998,999],{"class":614},"?:",[608,1001,1002],{"class":974}," boolean",[608,1004,1005],{"class":614}," |",[608,1007,1008],{"class":974}," string\n",[608,1010,1011],{"class":610,"line":676},[608,1012,1013],{"class":614},"}\n",[753,1015,1016,1022],{},[756,1017,1018,1021],{},[596,1019,1020],{},"handler",": Function to be executed when the shortcut is triggered",[756,1023,1024,1027,1028],{},[596,1025,1026],{},"usingInput",":\n",[753,1029,1030,1035,1041],{},[756,1031,1032,1034],{},[596,1033,664],{}," (default): Shortcut only triggers when no input is focused",[756,1036,1037,1040],{},[596,1038,1039],{},"true",": Shortcut triggers even when any input is focused",[756,1042,1043,1046],{},[596,1044,1045],{},"string",": Shortcut only triggers when the specified input (by name) is focused",[587,1048,1050],{"id":1049},"examples","Examples",[805,1052,1054],{"id":1053},"basic-usage","Basic usage",[600,1056,1058],{"className":602,"code":1057,"language":28,"meta":604,"style":604},"\u003Cscript setup lang=\"ts\">\ndefineShortcuts({\n  '?': () => openHelpModal(),\n  'meta_k': () => openCommandPalette(),\n  'g-d': () => navigateToDashboard()\n})\n\u003C/script>\n",[596,1059,1060,1080,1088,1114,1136,1157,1163],{"__ignoreMap":604},[608,1061,1062,1064,1066,1068,1070,1072,1074,1076,1078],{"class":610,"line":611},[608,1063,615],{"class":614},[608,1065,619],{"class":618},[608,1067,623],{"class":622},[608,1069,626],{"class":622},[608,1071,629],{"class":614},[608,1073,632],{"class":614},[608,1075,636],{"class":635},[608,1077,632],{"class":614},[608,1079,641],{"class":614},[608,1081,1082,1084,1086],{"class":610,"line":644},[608,1083,115],{"class":656},[608,1085,660],{"class":650},[608,1087,683],{"class":614},[608,1089,1090,1093,1096,1099,1101,1103,1105,1108,1111],{"class":610,"line":670},[608,1091,1092],{"class":614},"  '",[608,1094,1095],{"class":618},"?",[608,1097,1098],{"class":614},"'",[608,1100,692],{"class":614},[608,1102,695],{"class":614},[608,1104,698],{"class":622},[608,1106,1107],{"class":656}," openHelpModal",[608,1109,1110],{"class":650},"()",[608,1112,1113],{"class":614},",\n",[608,1115,1116,1118,1121,1123,1125,1127,1129,1132,1134],{"class":610,"line":676},[608,1117,1092],{"class":614},[608,1119,1120],{"class":618},"meta_k",[608,1122,1098],{"class":614},[608,1124,692],{"class":614},[608,1126,695],{"class":614},[608,1128,698],{"class":622},[608,1130,1131],{"class":656}," openCommandPalette",[608,1133,1110],{"class":650},[608,1135,1113],{"class":614},[608,1137,1138,1140,1143,1145,1147,1149,1151,1154],{"class":610,"line":686},[608,1139,1092],{"class":614},[608,1141,1142],{"class":618},"g-d",[608,1144,1098],{"class":614},[608,1146,692],{"class":614},[608,1148,695],{"class":614},[608,1150,698],{"class":622},[608,1152,1153],{"class":656}," navigateToDashboard",[608,1155,1156],{"class":650},"()\n",[608,1158,1159,1161],{"class":610,"line":704},[608,1160,739],{"class":614},[608,1162,667],{"class":650},[608,1164,1165,1167,1169],{"class":610,"line":730},[608,1166,747],{"class":614},[608,1168,619],{"class":618},[608,1170,641],{"class":614},[805,1172,1174],{"id":1173},"with-input-focus-handling","With input focus handling",[592,1176,1177,1178,1180],{},"The ",[596,1179,1026],{}," option allows you to specify that a shortcut should only trigger when a specific input is focused.",[600,1182,1184],{"className":602,"code":1183,"language":28,"meta":604,"style":604},"\u003Ctemplate>\n  \u003CUInput v-model=\"query\" name=\"queryInput\" />\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst query = ref('')\n\ndefineShortcuts({\n  enter: {\n    usingInput: 'queryInput',\n    handler: () => performSearch()\n  },\n  escape: {\n    usingInput: true,\n    handler: () => clearSearch()\n  }\n})\n\u003C/script>\n",[596,1185,1186,1195,1230,1238,1242,1262,1280,1284,1292,1301,1318,1335,1341,1351,1363,1379,1384,1391],{"__ignoreMap":604},[608,1187,1188,1190,1193],{"class":610,"line":611},[608,1189,615],{"class":614},[608,1191,1192],{"class":618},"template",[608,1194,641],{"class":614},[608,1196,1197,1200,1203,1206,1208,1210,1213,1215,1218,1220,1222,1225,1227],{"class":610,"line":644},[608,1198,1199],{"class":614},"  \u003C",[608,1201,1202],{"class":618},"UInput",[608,1204,1205],{"class":622}," v-model",[608,1207,629],{"class":614},[608,1209,632],{"class":614},[608,1211,1212],{"class":635},"query",[608,1214,632],{"class":614},[608,1216,1217],{"class":622}," name",[608,1219,629],{"class":614},[608,1221,632],{"class":614},[608,1223,1224],{"class":635},"queryInput",[608,1226,632],{"class":614},[608,1228,1229],{"class":614}," />\n",[608,1231,1232,1234,1236],{"class":610,"line":670},[608,1233,747],{"class":614},[608,1235,1192],{"class":618},[608,1237,641],{"class":614},[608,1239,1240],{"class":610,"line":676},[608,1241,673],{"emptyLinePlaceholder":15},[608,1243,1244,1246,1248,1250,1252,1254,1256,1258,1260],{"class":610,"line":686},[608,1245,615],{"class":614},[608,1247,619],{"class":618},[608,1249,623],{"class":622},[608,1251,626],{"class":622},[608,1253,629],{"class":614},[608,1255,632],{"class":614},[608,1257,636],{"class":635},[608,1259,632],{"class":614},[608,1261,641],{"class":614},[608,1263,1264,1266,1269,1271,1273,1275,1278],{"class":610,"line":704},[608,1265,647],{"class":622},[608,1267,1268],{"class":650}," query ",[608,1270,629],{"class":614},[608,1272,657],{"class":656},[608,1274,660],{"class":650},[608,1276,1277],{"class":614},"''",[608,1279,667],{"class":650},[608,1281,1282],{"class":610,"line":730},[608,1283,673],{"emptyLinePlaceholder":15},[608,1285,1286,1288,1290],{"class":610,"line":736},[608,1287,115],{"class":656},[608,1289,660],{"class":650},[608,1291,683],{"class":614},[608,1293,1294,1297,1299],{"class":610,"line":744},[608,1295,1296],{"class":618},"  enter",[608,1298,692],{"class":614},[608,1300,701],{"class":614},[608,1302,1304,1307,1309,1312,1314,1316],{"class":610,"line":1303},10,[608,1305,1306],{"class":618},"    usingInput",[608,1308,692],{"class":614},[608,1310,1311],{"class":614}," '",[608,1313,1224],{"class":635},[608,1315,1098],{"class":614},[608,1317,1113],{"class":614},[608,1319,1321,1324,1326,1328,1330,1333],{"class":610,"line":1320},11,[608,1322,1323],{"class":656},"    handler",[608,1325,692],{"class":614},[608,1327,695],{"class":614},[608,1329,698],{"class":622},[608,1331,1332],{"class":656}," performSearch",[608,1334,1156],{"class":650},[608,1336,1338],{"class":610,"line":1337},12,[608,1339,1340],{"class":614},"  },\n",[608,1342,1344,1347,1349],{"class":610,"line":1343},13,[608,1345,1346],{"class":618},"  escape",[608,1348,692],{"class":614},[608,1350,701],{"class":614},[608,1352,1354,1356,1358,1361],{"class":610,"line":1353},14,[608,1355,1306],{"class":618},[608,1357,692],{"class":614},[608,1359,1360],{"class":663}," true",[608,1362,1113],{"class":614},[608,1364,1366,1368,1370,1372,1374,1377],{"class":610,"line":1365},15,[608,1367,1323],{"class":656},[608,1369,692],{"class":614},[608,1371,695],{"class":614},[608,1373,698],{"class":622},[608,1375,1376],{"class":656}," clearSearch",[608,1378,1156],{"class":650},[608,1380,1382],{"class":610,"line":1381},16,[608,1383,733],{"class":614},[608,1385,1387,1389],{"class":610,"line":1386},17,[608,1388,739],{"class":614},[608,1390,667],{"class":650},[608,1392,1394,1396,1398],{"class":610,"line":1393},18,[608,1395,747],{"class":614},[608,1397,619],{"class":618},[608,1399,641],{"class":614},[805,1401,1403],{"id":1402},"extracting-shortcuts-from-menu-items","Extracting shortcuts from menu items",[592,1405,1177,1406,1409],{},[596,1407,1408],{},"extractShortcuts"," utility can be used to automatically define shortcuts from menu items:",[600,1411,1413],{"className":602,"code":1412,"language":28,"meta":604,"style":604},"\u003Cscript setup lang=\"ts\">\nconst items = [{\n  label: 'Save',\n  icon: 'i-lucide-file-down',\n  kbds: ['meta', 'S'],\n  onSelect() {\n    save()\n  }\n}, {\n  label: 'Copy',\n  icon: 'i-lucide-copy',\n  kbds: ['meta', 'C'],\n  onSelect() {\n    copy()\n  }\n}]\n\ndefineShortcuts(extractShortcuts(items))\n\u003C/script>\n",[596,1414,1415,1435,1449,1465,1481,1511,1520,1527,1531,1538,1553,1568,1595,1603,1610,1614,1621,1625,1636],{"__ignoreMap":604},[608,1416,1417,1419,1421,1423,1425,1427,1429,1431,1433],{"class":610,"line":611},[608,1418,615],{"class":614},[608,1420,619],{"class":618},[608,1422,623],{"class":622},[608,1424,626],{"class":622},[608,1426,629],{"class":614},[608,1428,632],{"class":614},[608,1430,636],{"class":635},[608,1432,632],{"class":614},[608,1434,641],{"class":614},[608,1436,1437,1439,1442,1444,1447],{"class":610,"line":644},[608,1438,647],{"class":622},[608,1440,1441],{"class":650}," items ",[608,1443,629],{"class":614},[608,1445,1446],{"class":650}," [",[608,1448,683],{"class":614},[608,1450,1451,1454,1456,1458,1461,1463],{"class":610,"line":670},[608,1452,1453],{"class":618},"  label",[608,1455,692],{"class":614},[608,1457,1311],{"class":614},[608,1459,1460],{"class":635},"Save",[608,1462,1098],{"class":614},[608,1464,1113],{"class":614},[608,1466,1467,1470,1472,1474,1477,1479],{"class":610,"line":676},[608,1468,1469],{"class":618},"  icon",[608,1471,692],{"class":614},[608,1473,1311],{"class":614},[608,1475,1476],{"class":635},"i-lucide-file-down",[608,1478,1098],{"class":614},[608,1480,1113],{"class":614},[608,1482,1483,1486,1488,1490,1492,1494,1496,1499,1501,1504,1506,1509],{"class":610,"line":686},[608,1484,1485],{"class":618},"  kbds",[608,1487,692],{"class":614},[608,1489,1446],{"class":650},[608,1491,1098],{"class":614},[608,1493,761],{"class":635},[608,1495,1098],{"class":614},[608,1497,1498],{"class":614},",",[608,1500,1311],{"class":614},[608,1502,1503],{"class":635},"S",[608,1505,1098],{"class":614},[608,1507,1508],{"class":650},"]",[608,1510,1113],{"class":614},[608,1512,1513,1516,1518],{"class":610,"line":704},[608,1514,1515],{"class":618},"  onSelect",[608,1517,1110],{"class":614},[608,1519,701],{"class":614},[608,1521,1522,1525],{"class":610,"line":730},[608,1523,1524],{"class":656},"    save",[608,1526,1156],{"class":618},[608,1528,1529],{"class":610,"line":736},[608,1530,733],{"class":614},[608,1532,1533,1536],{"class":610,"line":744},[608,1534,1535],{"class":614},"},",[608,1537,701],{"class":614},[608,1539,1540,1542,1544,1546,1549,1551],{"class":610,"line":1303},[608,1541,1453],{"class":618},[608,1543,692],{"class":614},[608,1545,1311],{"class":614},[608,1547,1548],{"class":635},"Copy",[608,1550,1098],{"class":614},[608,1552,1113],{"class":614},[608,1554,1555,1557,1559,1561,1564,1566],{"class":610,"line":1320},[608,1556,1469],{"class":618},[608,1558,692],{"class":614},[608,1560,1311],{"class":614},[608,1562,1563],{"class":635},"i-lucide-copy",[608,1565,1098],{"class":614},[608,1567,1113],{"class":614},[608,1569,1570,1572,1574,1576,1578,1580,1582,1584,1586,1589,1591,1593],{"class":610,"line":1337},[608,1571,1485],{"class":618},[608,1573,692],{"class":614},[608,1575,1446],{"class":650},[608,1577,1098],{"class":614},[608,1579,761],{"class":635},[608,1581,1098],{"class":614},[608,1583,1498],{"class":614},[608,1585,1311],{"class":614},[608,1587,1588],{"class":635},"C",[608,1590,1098],{"class":614},[608,1592,1508],{"class":650},[608,1594,1113],{"class":614},[608,1596,1597,1599,1601],{"class":610,"line":1343},[608,1598,1515],{"class":618},[608,1600,1110],{"class":614},[608,1602,701],{"class":614},[608,1604,1605,1608],{"class":610,"line":1353},[608,1606,1607],{"class":656},"    copy",[608,1609,1156],{"class":618},[608,1611,1612],{"class":610,"line":1365},[608,1613,733],{"class":614},[608,1615,1616,1618],{"class":610,"line":1381},[608,1617,739],{"class":614},[608,1619,1620],{"class":650},"]\n",[608,1622,1623],{"class":610,"line":1386},[608,1624,673],{"emptyLinePlaceholder":15},[608,1626,1627,1629,1631,1633],{"class":610,"line":1393},[608,1628,115],{"class":656},[608,1630,660],{"class":650},[608,1632,1408],{"class":656},[608,1634,1635],{"class":650},"(items))\n",[608,1637,1639,1641,1643],{"class":610,"line":1638},19,[608,1640,747],{"class":614},[608,1642,619],{"class":618},[608,1644,641],{"class":614},[1646,1647,1648],"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 .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 pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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}",{"title":604,"searchDepth":644,"depth":644,"links":1650},[1651,1652,1655],{"id":589,"depth":644,"text":590},{"id":802,"depth":644,"text":803,"children":1653},[1654],{"id":807,"depth":670,"text":810},{"id":1049,"depth":644,"text":1050,"children":1656},[1657,1658,1659],{"id":1053,"depth":670,"text":1054},{"id":1173,"depth":670,"text":1174},{"id":1402,"depth":670,"text":1403},"A composable to define keyboard shortcuts in your app.","md",{},{"title":115,"description":1660},"cj4wQXb9UEsTZyWztukz8ogDpSl-cJrO_fm_qG_Wsn0",[1666,1668],{"title":91,"path":92,"stem":93,"description":1667,"icon":94,"children":-1},"Learn how to internationalize your Nuxt app with multi-directional support (LTR/RTL).",{"title":119,"path":120,"stem":121,"description":1669,"children":-1},"A composable to programmatically control overlays.",{"data":1671,"body":1672},{},{"type":1673,"children":1674},"root",[1675],{"type":1676,"tag":592,"props":1677,"children":1678},"element",{},[1679],{"type":1680,"value":1660},"text",1756715494382]