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