Update Kbd component

resources/js/components/AppSidebar.vue

@@ -4,7 +4,7 @@ import NavMain from '@/components/NavMain.vue';
 import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarTrigger } from '@/components/ui/sidebar';
 import { dashboard, crm, offers, invoices, newInvoice, timesheets, customers, leads, achievements } from '@/routes';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'
-import { Kbd } from '@/components/ui/kbd'
+import { Kbd, KbdGroup } from '@/components/ui/kbd'
 import { edit } from '@/routes/profile';
 import { type NavItem, type NavGroup } from '@/types';
 import { Link } from '@inertiajs/vue3';

resources/js/components/ui/kbd/Kbd.vue

@@ -1,4 +1,4 @@
-<script lang='ts' setup>
+<script setup lang="ts">
 import type { HTMLAttributes } from "vue"
 import { cn } from "@/lib/utils"
 
@@ -11,7 +11,7 @@ const props = defineProps<{
   <kbd
     :class="cn(
       'bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none',
-      '[&_svg:not([class*=`size-`])]:size-3',
+      '[&_svg:not([class*=\'size-\'])]:size-3',
       '[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10',
       props.class,
     )"

resources/js/components/ui/kbd/KbdGroup.vue

@@ -1,4 +1,4 @@
-<script lang='ts' setup>
+<script setup lang="ts">
 import type { HTMLAttributes } from "vue"
 import { cn } from "@/lib/utils"