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