[{"data":1,"prerenderedAt":50},["ShallowReactive",2],{"$f3jjygfkhr2kcq":3},{"item":4,"tree":28,"highlightedFiles":43},{"name":5,"description":6,"registryDependencies":7,"files":12,"categories":25,"type":27},"sidebar-11","A sidebar with a collapsible file tree.",[8,9,10,11],"breadcrumb","separator","sidebar","collapsible",[13,18,22],{"path":14,"content":15,"type":16,"target":17},"page.vue","\u003Cscript lang=\"ts\">\nexport const description = \"A sidebar with a collapsible file tree.\"\nexport const iframeHeight = \"800px\"\n\u003C\u002Fscript>\n\n\u003Cscript setup lang=\"ts\">\nimport AppSidebar from \"@\u002Fcomponents\u002FAppSidebar.vue\"\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@\u002Fcomponents\u002Fui\u002Fbreadcrumb\"\nimport { Separator } from \"@\u002Fcomponents\u002Fui\u002Fseparator\"\nimport {\n  SidebarInset,\n  SidebarProvider,\n  SidebarTrigger,\n} from \"@\u002Fcomponents\u002Fui\u002Fsidebar\"\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSidebarProvider>\n    \u003CAppSidebar \u002F>\n    \u003CSidebarInset>\n      \u003Cheader class=\"flex h-16 shrink-0 items-center gap-2 border-b px-4\">\n        \u003CSidebarTrigger class=\"-ml-1\" \u002F>\n        \u003CSeparator\n          orientation=\"vertical\"\n          class=\"mr-2 data-[orientation=vertical]:h-4\"\n        \u002F>\n        \u003CBreadcrumb>\n          \u003CBreadcrumbList>\n            \u003CBreadcrumbItem class=\"hidden md:block\">\n              \u003CBreadcrumbLink href=\"#\">\n                components\n              \u003C\u002FBreadcrumbLink>\n            \u003C\u002FBreadcrumbItem>\n            \u003CBreadcrumbSeparator class=\"hidden md:block\" \u002F>\n            \u003CBreadcrumbItem class=\"hidden md:block\">\n              \u003CBreadcrumbLink href=\"#\">\n                ui\n              \u003C\u002FBreadcrumbLink>\n            \u003C\u002FBreadcrumbItem>\n            \u003CBreadcrumbSeparator class=\"hidden md:block\" \u002F>\n            \u003CBreadcrumbItem>\n              \u003CBreadcrumbPage>button.tsx\u003C\u002FBreadcrumbPage>\n            \u003C\u002FBreadcrumbItem>\n          \u003C\u002FBreadcrumbList>\n        \u003C\u002FBreadcrumb>\n      \u003C\u002Fheader>\n      \u003Cdiv class=\"flex flex-1 flex-col gap-4 p-4\">\n        \u003Cdiv class=\"grid auto-rows-min gap-4 md:grid-cols-3\">\n          \u003Cdiv class=\"bg-muted\u002F50 aspect-video rounded-xl\" \u002F>\n          \u003Cdiv class=\"bg-muted\u002F50 aspect-video rounded-xl\" \u002F>\n          \u003Cdiv class=\"bg-muted\u002F50 aspect-video rounded-xl\" \u002F>\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"bg-muted\u002F50 min-h-[100vh] flex-1 rounded-xl md:min-h-min\" \u002F>\n      \u003C\u002Fdiv>\n    \u003C\u002FSidebarInset>\n  \u003C\u002FSidebarProvider>\n\u003C\u002Ftemplate>\n","registry:page","pages\u002Fsidebar\u002Findex.vue",{"path":19,"content":20,"type":21,"target":19},"components\u002FAppSidebar.vue","\u003Cscript setup lang=\"ts\">\nimport type { SidebarProps } from \"@\u002Fcomponents\u002Fui\u002Fsidebar\"\nimport { File } from \"@lucide\u002Fvue\"\nimport Tree from \"@\u002Fcomponents\u002FTree.vue\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarRail,\n} from \"@\u002Fcomponents\u002Fui\u002Fsidebar\"\n\nconst props = defineProps\u003CSidebarProps>()\n\n\u002F\u002F This is sample data.\nconst data = {\n  changes: [\n    {\n      file: \"README.md\",\n      state: \"M\",\n    },\n    {\n      file: \"api\u002Fhello\u002Froute.ts\",\n      state: \"U\",\n    },\n    {\n      file: \"app\u002Flayout.tsx\",\n      state: \"M\",\n    },\n  ],\n  tree: [\n    [\n      \"app\",\n      [\n        \"api\",\n        [\"hello\", [\"route.ts\"]],\n        \"page.tsx\",\n        \"layout.tsx\",\n        [\"blog\", [\"page.tsx\"]],\n      ],\n    ],\n    [\n      \"components\",\n      [\"ui\", \"button.tsx\", \"card.tsx\"],\n      \"header.tsx\",\n      \"footer.tsx\",\n    ],\n    [\"lib\", [\"util.ts\"]],\n    [\"public\", \"favicon.ico\", \"vercel.svg\"],\n    \".eslintrc.json\",\n    \".gitignore\",\n    \"next.config.js\",\n    \"tailwind.config.js\",\n    \"package.json\",\n    \"README.md\",\n  ],\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSidebar v-bind=\"props\">\n    \u003CSidebarContent>\n      \u003CSidebarGroup>\n        \u003CSidebarGroupLabel>Changes\u003C\u002FSidebarGroupLabel>\n        \u003CSidebarGroupContent>\n          \u003CSidebarMenu>\n            \u003CSidebarMenuItem v-for=\"(item, index) in data.changes\" :key=\"index\">\n              \u003CSidebarMenuButton>\n                \u003CFile \u002F>\n                {{ item.file }}\n              \u003C\u002FSidebarMenuButton>\n              \u003CSidebarMenuBadge>{{ item.state }}\u003C\u002FSidebarMenuBadge>\n            \u003C\u002FSidebarMenuItem>\n          \u003C\u002FSidebarMenu>\n        \u003C\u002FSidebarGroupContent>\n      \u003C\u002FSidebarGroup>\n      \u003CSidebarGroup>\n        \u003CSidebarGroupLabel>Files\u003C\u002FSidebarGroupLabel>\n        \u003CSidebarGroupContent>\n          \u003CSidebarMenu>\n            \u003CTree v-for=\"(item, index) in data.tree\" :key=\"index\" :item=\"item\" \u002F>\n          \u003C\u002FSidebarMenu>\n        \u003C\u002FSidebarGroupContent>\n      \u003C\u002FSidebarGroup>\n    \u003C\u002FSidebarContent>\n    \u003CSidebarRail \u002F>\n  \u003C\u002FSidebar>\n\u003C\u002Ftemplate>\n","registry:component",{"path":23,"content":24,"type":21,"target":23},"components\u002FTree.vue","\u003Cscript setup lang=\"ts\">\nimport { ChevronRight, File, Folder } from \"@lucide\u002Fvue\"\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@\u002Fcomponents\u002Fui\u002Fcollapsible\"\n\nimport {\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n} from \"@\u002Fcomponents\u002Fui\u002Fsidebar\"\n\nconst props = defineProps\u003C{\n  item: string | any[]\n}>()\n\nconst [name, ...items] = Array.isArray(props.item) ? props.item : [props.item]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSidebarMenuButton\n    v-if=\"!items.length\"\n    :is-active=\"name === 'button.tsx'\"\n    class=\"data-[active=true]:bg-transparent\"\n  >\n    \u003CFile \u002F>\n    {{ name }}\n  \u003C\u002FSidebarMenuButton>\n\n  \u003CSidebarMenuItem v-else>\n    \u003CCollapsible\n      class=\"group\u002Fcollapsible [&[data-state=open]>button>svg:first-child]:rotate-90\"\n      :default-open=\"name === 'components' || name === 'ui'\"\n    >\n      \u003CCollapsibleTrigger as-child>\n        \u003CSidebarMenuButton>\n          \u003CChevronRight class=\"transition-transform\" \u002F>\n          \u003CFolder \u002F>\n          {{ name }}\n        \u003C\u002FSidebarMenuButton>\n      \u003C\u002FCollapsibleTrigger>\n      \u003CCollapsibleContent>\n        \u003CSidebarMenuSub>\n          \u003CTree v-for=\"(subItem, index) in items\" :key=\"index\" :item=\"subItem\" \u002F>\n        \u003C\u002FSidebarMenuSub>\n      \u003C\u002FCollapsibleContent>\n    \u003C\u002FCollapsible>\n  \u003C\u002FSidebarMenuItem>\n\u003C\u002Ftemplate>\n",[10,26],"dashboard","registry:block",[29,36],{"name":30,"children":31},"pages",[32],{"name":10,"children":33},[34],{"name":35,"path":17},"index.vue",{"name":37,"children":38},"components",[39,41],{"name":40,"path":19},"AppSidebar.vue",{"name":42,"path":23},"Tree.vue",[44,46,48],{"path":14,"content":15,"type":16,"target":17,"highlightedContent":45},"\u003Cpre class=\"no-scrollbar min-w-0 overflow-x-auto px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0 !bg-transparent\" style=\"background-color:#ffffff;--shiki-dark-bg:#24292e;color:#1f2328;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003Ccode data-line-numbers=\"\">\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> lang\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">export\u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> const\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> description\u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"A sidebar with a collapsible file tree.\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">export\u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> const\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> iframeHeight\u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"800px\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> setup\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> lang\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> AppSidebar \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@\u002Fcomponents\u002FAppSidebar.vue\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  Breadcrumb,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  BreadcrumbItem,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  BreadcrumbLink,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  BreadcrumbList,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  BreadcrumbPage,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  BreadcrumbSeparator,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@\u002Fcomponents\u002Fui\u002Fbreadcrumb\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> { Separator } \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@\u002Fcomponents\u002Fui\u002Fseparator\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarInset,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarProvider,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarTrigger,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@\u002Fcomponents\u002Fui\u002Fsidebar\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarProvider\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">AppSidebar\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarInset\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">header\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"flex h-16 shrink-0 items-center gap-2 border-b px-4\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarTrigger\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"-ml-1\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Separator\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">          orientation\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"vertical\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">          class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"mr-2 data-[orientation=vertical]:h-4\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Breadcrumb\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbList\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbItem\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"hidden md:block\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbLink\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> href\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"#\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                components\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbLink\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbItem\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbSeparator\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"hidden md:block\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbItem\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"hidden md:block\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbLink\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> href\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"#\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                ui\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbLink\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbItem\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbSeparator\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"hidden md:block\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbItem\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbPage\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>button.tsx&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbPage\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbItem\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">BreadcrumbList\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Breadcrumb\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">header\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"flex flex-1 flex-col gap-4 p-4\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"grid auto-rows-min gap-4 md:grid-cols-3\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"bg-muted\u002F50 aspect-video rounded-xl\"\u003C\u002Fspan>\u003Cspan style=\"color:#82071E;--shiki-light-font-style:italic;--shiki-dark:#FDAEB7;--shiki-dark-font-style:italic\"> \u002F\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"bg-muted\u002F50 aspect-video rounded-xl\"\u003C\u002Fspan>\u003Cspan style=\"color:#82071E;--shiki-light-font-style:italic;--shiki-dark:#FDAEB7;--shiki-dark-font-style:italic\"> \u002F\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"bg-muted\u002F50 aspect-video rounded-xl\"\u003C\u002Fspan>\u003Cspan style=\"color:#82071E;--shiki-light-font-style:italic;--shiki-dark:#FDAEB7;--shiki-dark-font-style:italic\"> \u002F\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"bg-muted\u002F50 min-h-[100vh] flex-1 rounded-xl md:min-h-min\"\u003C\u002Fspan>\u003Cspan style=\"color:#82071E;--shiki-light-font-style:italic;--shiki-dark:#FDAEB7;--shiki-dark-font-style:italic\"> \u002F\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarInset\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarProvider\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",{"path":19,"content":20,"type":21,"target":19,"highlightedContent":47},"\u003Cpre class=\"no-scrollbar min-w-0 overflow-x-auto px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0 !bg-transparent\" style=\"background-color:#ffffff;--shiki-dark-bg:#24292e;color:#1f2328;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003Ccode data-line-numbers=\"\">\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> setup\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> lang\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> type\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> { SidebarProps } \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@\u002Fcomponents\u002Fui\u002Fsidebar\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> { File } \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@lucide\u002Fvue\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> Tree \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@\u002Fcomponents\u002FTree.vue\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  Sidebar,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarContent,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarGroup,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarGroupContent,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarGroupLabel,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarMenu,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarMenuBadge,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarMenuButton,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarMenuItem,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarRail,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@\u002Fcomponents\u002Fui\u002Fsidebar\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> props\u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#8250DF;--shiki-dark:#B392F0\"> defineProps\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#953800;--shiki-dark:#B392F0\">SidebarProps\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>()\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#6E7781;--shiki-dark:#6A737D\">\u002F\u002F This is sample data.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> data\u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  changes: [\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      file: \u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"README.md\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      state: \u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"M\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      file: \u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"api\u002Fhello\u002Froute.ts\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      state: \u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"U\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      file: \u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"app\u002Flayout.tsx\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      state: \u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"M\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  ],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  tree: [\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    [\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">      \"app\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      [\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">        \"api\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        [\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"hello\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">, [\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"route.ts\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">]],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">        \"page.tsx\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">        \"layout.tsx\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        [\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"blog\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">, [\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"page.tsx\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">]],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      ],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    ],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    [\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">      \"components\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      [\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"ui\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">, \u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"button.tsx\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">, \u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"card.tsx\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">      \"header.tsx\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">      \"footer.tsx\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    ],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    [\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"lib\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">, [\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"util.ts\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">]],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    [\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"public\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">, \u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"favicon.ico\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">, \u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"vercel.svg\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">    \".eslintrc.json\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">    \".gitignore\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">    \"next.config.js\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">    \"tailwind.config.js\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">    \"package.json\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">    \"README.md\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  ],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Sidebar\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> v-bind\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">props\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarContent\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroup\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroupLabel\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>Changes&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroupLabel\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroupContent\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenu\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuItem\u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> v-for\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">(item, index) \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">in\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> data.changes\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> :\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">key\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">index\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuButton\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">File\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">                {{ item.file }}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuButton\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuBadge\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>{{ item.state }}&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuBadge\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuItem\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenu\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroupContent\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroup\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroup\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroupLabel\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>Files&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroupLabel\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroupContent\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenu\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Tree\u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> v-for\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">(item, index) \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">in\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> data.tree\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> :\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">key\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">index\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> :\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">item\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">item\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenu\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroupContent\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarGroup\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarContent\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarRail\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Sidebar\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",{"path":23,"content":24,"type":21,"target":23,"highlightedContent":49},"\u003Cpre class=\"no-scrollbar min-w-0 overflow-x-auto px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0 !bg-transparent\" style=\"background-color:#ffffff;--shiki-dark-bg:#24292e;color:#1f2328;--shiki-dark:#e1e4e8\" tabindex=\"0\">\u003Ccode data-line-numbers=\"\">\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> setup\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> lang\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> { ChevronRight, File, Folder } \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@lucide\u002Fvue\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  Collapsible,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  CollapsibleContent,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  CollapsibleTrigger,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@\u002Fcomponents\u002Fui\u002Fcollapsible\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarMenuButton,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarMenuItem,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  SidebarMenuSub,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">} \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> \"@\u002Fcomponents\u002Fui\u002Fsidebar\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> props\u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#8250DF;--shiki-dark:#B392F0\"> defineProps\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">&#x3C;{\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#953800;--shiki-dark:#FFAB70\">  item\u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">:\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> string\u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> |\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\"> any\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">[]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">}>()\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> [\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\">name\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">, \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">...\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\">items\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">] \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> Array.\u003C\u002Fspan>\u003Cspan style=\"color:#8250DF;--shiki-dark:#B392F0\">isArray\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">(props.item) \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">?\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> props.item \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">:\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> [props.item]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuButton\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">    v-if\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">!\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">items.\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#79B8FF\">length\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    :\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">is-active\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">name \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">===\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> 'button.tsx'\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">    class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"data-[active=true]:bg-transparent\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">File\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    {{ name }}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuButton\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuItem\u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> v-else\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Collapsible\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">      class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"group\u002Fcollapsible [&#x26;[data-state=open]>button>svg:first-child]:rotate-90\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      :\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">default-open\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">name \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">===\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> 'components'\u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> ||\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> name \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">===\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\"> 'ui'\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">CollapsibleTrigger\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> as-child\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuButton\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">ChevronRight\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#0A3069;--shiki-dark:#9ECBFF\">\"transition-transform\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Folder\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          {{ name }}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuButton\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">CollapsibleTrigger\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">CollapsibleContent\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuSub\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Tree\u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\"> v-for\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">(subItem, index) \u003C\u002Fspan>\u003Cspan style=\"color:#CF222E;--shiki-dark:#F97583\">in\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> items\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> :\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">key\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">index\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> :\u003C\u002Fspan>\u003Cspan style=\"color:#0550AE;--shiki-dark:#B392F0\">item\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">subItem\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">        &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuSub\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">CollapsibleContent\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">    &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">Collapsible\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">  &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">SidebarMenuItem\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#116329;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"color:#1F2328;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\" data-line=\"\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",1788943247435]