una-nuxt-module 3.0.38 → 3.0.39

package/.nuxt/templates/AppBreadcumbs.vue/AppBreadcumbs.vue

@@ -1,13 +1,5 @@
 <script setup lang="ts">
-import {
-  Breadcrumb,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbList,
-  BreadcrumbPage,
-  BreadcrumbSeparator
-} from '../ui/breadcrumb'
-import { useBreadcumbs } from '../../composables/useBreadcumbs'
+import { useBreadcumbs } from '#unaxt/composables/useBreadcumbs'
 
 const { breadcrumbs } = useBreadcumbs()
 </script>

package/.nuxt/templates/AppFooter.vue/AppFooter.vue

@@ -0,0 +1,12 @@
+<template>
+  <footer
+    class="space-x-4 px-2 py-4 text-xs container mx-auto flex items-center justify-between"
+  >
+    <p class="line-clamp-2 w-full text-center">
+      {{
+        `© ${new Date().getFullYear()} Universidad Nacional - Dirección de Tecnologías de Información
+          y Comunicación`
+      }}
+    </p>
+  </footer>
+</template>

package/.nuxt/templates/AppFooterContent.vue/AppFooterContent.vue

@@ -0,0 +1,9 @@
+<template>
+  <ClientOnly>
+    <Teleport to="#footer-content">
+      <slot>
+        <AppFooter />
+      </slot>
+    </Teleport>
+  </ClientOnly>
+</template>

package/.nuxt/templates/AppHeader.vue/AppHeader.vue

@@ -0,0 +1,16 @@
+<template>
+  <header
+    class="h-16 gap-2 group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 flex shrink-0 items-center transition-[width,height] ease-linear"
+  >
+    <div class="gap-2 px-4 flex w-full items-center">
+      <SidebarTrigger class="-ml-1 cursor-pointer" />
+      <Separator
+        orientation="vertical"
+        class="mr-2 data-[orientation=vertical]:h-4"
+      />
+      <AppBreadcumbs />
+    </div>
+
+    <div id="header-content" class="gap-2 px-4 flex items-end" />
+  </header>
+</template>

package/.nuxt/templates/AppHeaderContent.vue/AppHeaderContent.vue

@@ -0,0 +1,9 @@
+<template>
+  <ClientOnly>
+    <Teleport to="#header-content">
+      <slot>
+        <ThemeToggle />
+      </slot>
+    </Teleport>
+  </ClientOnly>
+</template>

package/.nuxt/templates/AppSideBarFooter.vue/AppSideBarFooter.vue

@@ -0,0 +1,63 @@
+<script setup lang="ts">
+import { ChevronsUpDown, LogOut, User } from '@lucide/vue'
+
+import { useSidebar } from '#unaxt/components/ui/sidebar'
+import { useAuthStore } from '#unaxt/auth/stores/auth'
+
+const { isMobile } = useSidebar()
+const { logout, user } = useAuthStore()
+</script>
+
+<template>
+  <SidebarMenu>
+    <SidebarMenuItem>
+      <DropdownMenu>
+        <DropdownMenuTrigger as-child>
+          <SidebarMenuButton
+            size="lg"
+            class="cursor-pointer data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
+          >
+            <div
+              class="size-8 flex aspect-square items-center justify-center rounded-lg bg-primary text-sidebar-primary-foreground"
+            >
+              <User v-if="!user?.name" class="size-4" />
+              <span v-else>{{ user?.name[0] }}</span>
+            </div>
+
+            <div class="min-w-0 text-xs leading-tight grid flex-1 text-left">
+              <span class="font-semibold truncate">
+                {{
+                  user?.email?.includes('@')
+                    ? user.email
+                    : `${user?.email}@una.cr`
+                }}
+              </span>
+
+              <span class="truncate">
+                {{ user?.cedula }}
+              </span>
+            </div>
+
+            <ChevronsUpDown class="size-4 ml-auto shrink-0" />
+          </SidebarMenuButton>
+        </DropdownMenuTrigger>
+
+        <DropdownMenuContent
+          class="min-w-56 w-(--reka-dropdown-menu-trigger-width) rounded-lg"
+          align="start"
+          :side="isMobile ? 'bottom' : 'top'"
+          :side-offset="4"
+        >
+          <DropdownMenuLabel class="text-xs text-muted-foreground">
+            Cuenta
+          </DropdownMenuLabel>
+
+          <DropdownMenuItem class="gap-2 p-2 cursor-pointer" @click="logout">
+            <LogOut class="size-4" />
+            <span>Cerrar sesión</span>
+          </DropdownMenuItem>
+        </DropdownMenuContent>
+      </DropdownMenu>
+    </SidebarMenuItem>
+  </SidebarMenu>
+</template>

package/.nuxt/templates/AppSideBarFooterContent.vue/AppSideBarFooterContent.vue

@@ -0,0 +1,7 @@
+<template>
+  <Teleport to="#sidebar-footer-content">
+    <slot>
+      <AppSideBarFooter />
+    </slot>
+  </Teleport>
+</template>

package/.nuxt/templates/AppSideBarHeaderContent.vue/AppSideBarHeaderContent.vue

@@ -0,0 +1,5 @@
+<template>
+  <Teleport to="#sidebar-header-content">
+    <slot />
+  </Teleport>
+</template>

package/.nuxt/templates/AppSideBarMenu.vue/AppSideBarMenu.vue

@@ -0,0 +1,31 @@
+<script setup lang="ts">
+import { useAppConfig } from '#imports'
+
+type MenuItem = {
+  name: string
+  url: string
+  icon: string
+}
+
+const { menu } = useAppConfig() as unknown as {
+  menu: MenuItem[]
+}
+</script>
+
+<template>
+  <SidebarGroup>
+    <SidebarGroupLabel>Menú</SidebarGroupLabel>
+    <SidebarMenu>
+      <SidebarMenuItem v-for="item in menu" :key="item.name">
+        <SidebarMenuButton as-child>
+          <NuxtLink :to="item.url">
+            <Icon :name="item.icon" class="size-4 shrink-0" />
+            <span class="truncate">
+              {{ item.name }}
+            </span>
+          </NuxtLink>
+        </SidebarMenuButton>
+      </SidebarMenuItem>
+    </SidebarMenu>
+  </SidebarGroup>
+</template>

package/.nuxt/templates/AppSideBarMenuContent.vue/AppSideBarMenuContent.vue

@@ -0,0 +1,7 @@
+<template>
+  <Teleport to="#sidebar-menu-content">
+    <slot>
+      <AppSideBarMenu />
+    </slot>
+  </Teleport>
+</template>

package/.nuxt/templates/AppSidebar.vue/AppSidebar.vue

@@ -0,0 +1,8 @@
+<template>
+  <Sidebar collapsible="icon" variant="floating">
+    <SidebarHeader id="sidebar-header-content" />
+    <SidebarContent id="sidebar-menu-content" />
+    <SidebarFooter id="sidebar-footer-content" />
+    <SidebarRail />
+  </Sidebar>
+</template>

package/.nuxt/templates/ThemeSelector.vue/ThemeSelector.vue

@@ -0,0 +1,64 @@
+<script setup lang="ts">
+import { computed, useColorMode } from '#imports'
+import { Check, Moon, Sun, Monitor } from '@lucide/vue'
+
+const colorMode = useColorMode()
+
+const themes = [
+  {
+    value: 'light',
+    label: 'Claro',
+    icon: Sun
+  },
+  {
+    value: 'dark',
+    label: 'Oscuro',
+    icon: Moon
+  },
+  {
+    value: 'system',
+    label: 'Sistema',
+    icon: Monitor
+  }
+] as const
+
+const selectedTheme = computed(() =>
+  themes.find(theme => theme.value === colorMode.preference)
+)
+</script>
+
+<template>
+  <Select
+    :model-value="colorMode.preference"
+    @update:model-value="value => (colorMode.preference = value as string)"
+  >
+    <SelectTrigger class="w-35 cursor-pointer">
+      <SelectValue>
+        <div class="gap-2 flex items-center text-foreground/80">
+          <component :is="selectedTheme?.icon" class="size-4" />
+
+          <span class="text-md text-foreground/80">{{
+            selectedTheme?.label
+          }}</span>
+        </div>
+      </SelectValue>
+    </SelectTrigger>
+
+    <SelectContent>
+      <template v-for="theme in themes" :key="theme.value">
+        <SelectItem :value="theme.value" class="cursor-pointer">
+          <div class="gap-2 flex items-center">
+            <component :is="theme.icon" class="size-4" />
+
+            <span class="text-md text-foreground/80">
+              {{ theme.label }}
+            </span>
+          </div>
+          <template #indicator-icon>
+            <Check class="size-4 opacity-50" />
+          </template>
+        </SelectItem>
+      </template>
+    </SelectContent>
+  </Select>
+</template>

package/.nuxt/templates/ThemeToggle.vue/ThemeToggle.vue

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useColorMode } from '#imports'
+
+const colorMode = useColorMode()
+
+const isDark = computed({
+  get: () => colorMode.value === 'dark',
+  set: (value: boolean) => {
+    colorMode.preference = value ? 'dark' : 'light'
+  }
+})
+</script>
+
+<template>
+  <TooltipProvider>
+    <Tooltip>
+      <TooltipTrigger as-child>
+        <Button
+          variant="outline"
+          size="icon"
+          class="cursor-pointer"
+          @click.stop="isDark = !isDark"
+        >
+          <Icon
+            name="lucide:sun"
+            class="size-4 scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"
+            size="16"
+          />
+          <Icon
+            name="lucide:moon"
+            class="absolute scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"
+            size="16"
+          />
+          <span class="sr-only">Cambiar tema</span>
+        </Button>
+      </TooltipTrigger>
+
+      <TooltipContent>Tema</TooltipContent>
+    </Tooltip>
+  </TooltipProvider>
+</template>

package/.nuxt/templates/accordion/AccordionContent.vue

@@ -3,7 +3,7 @@ import type { AccordionContentProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import { reactiveOmit } from "@vueuse/core"
 import { AccordionContent } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<AccordionContentProps & { class?: HTMLAttributes["class"] }>()
 

package/.nuxt/templates/accordion/AccordionItem.vue

@@ -3,7 +3,7 @@ import type { AccordionItemProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import { reactiveOmit } from "@vueuse/core"
 import { AccordionItem, useForwardProps } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<AccordionItemProps & { class?: HTMLAttributes["class"] }>()
 

package/.nuxt/templates/accordion/AccordionTrigger.vue

@@ -2,12 +2,12 @@
 import type { AccordionTriggerProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import { reactiveOmit } from "@vueuse/core"
-import { ChevronDown } from "lucide-vue-next"
+import { ChevronDown } from "@lucide/vue"
 import {
   AccordionHeader,
   AccordionTrigger,
 } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<AccordionTriggerProps & { class?: HTMLAttributes["class"] }>()
 

package/.nuxt/templates/alert/Alert.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue"
 import type { AlertVariants } from "."
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 import { alertVariants } from "."
 
 const props = defineProps<{

package/.nuxt/templates/alert/AlertDescription.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<{
   class?: HTMLAttributes["class"]

package/.nuxt/templates/alert/AlertTitle.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<{
   class?: HTMLAttributes["class"]

package/.nuxt/templates/alert-dialog/AlertDialogAction.vue

@@ -3,7 +3,7 @@ import type { AlertDialogActionProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import { reactiveOmit } from "@vueuse/core"
 import { AlertDialogAction } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 import { buttonVariants } from '../button'
 
 const props = defineProps<AlertDialogActionProps & { class?: HTMLAttributes["class"] }>()

package/.nuxt/templates/alert-dialog/AlertDialogCancel.vue

@@ -3,7 +3,7 @@ import type { AlertDialogCancelProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import { reactiveOmit } from "@vueuse/core"
 import { AlertDialogCancel } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 import { buttonVariants } from '../button'
 
 const props = defineProps<AlertDialogCancelProps & { class?: HTMLAttributes["class"] }>()

package/.nuxt/templates/alert-dialog/AlertDialogContent.vue

@@ -8,7 +8,7 @@ import {
   AlertDialogPortal,
   useForwardPropsEmits,
 } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 defineOptions({
   inheritAttrs: false,

package/.nuxt/templates/alert-dialog/AlertDialogDescription.vue

@@ -5,7 +5,7 @@ import { reactiveOmit } from "@vueuse/core"
 import {
   AlertDialogDescription,
 } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<AlertDialogDescriptionProps & { class?: HTMLAttributes["class"] }>()
 

package/.nuxt/templates/alert-dialog/AlertDialogFooter.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<{
   class?: HTMLAttributes["class"]

package/.nuxt/templates/alert-dialog/AlertDialogHeader.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<{
   class?: HTMLAttributes["class"]

package/.nuxt/templates/alert-dialog/AlertDialogTitle.vue

@@ -3,7 +3,7 @@ import type { AlertDialogTitleProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import { reactiveOmit } from "@vueuse/core"
 import { AlertDialogTitle } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<AlertDialogTitleProps & { class?: HTMLAttributes["class"] }>()
 

package/.nuxt/templates/avatar/Avatar.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue"
 import { AvatarRoot } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<{
   class?: HTMLAttributes["class"]

package/.nuxt/templates/avatar/AvatarFallback.vue

@@ -3,7 +3,7 @@ import type { AvatarFallbackProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import { reactiveOmit } from "@vueuse/core"
 import { AvatarFallback } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<AvatarFallbackProps & { class?: HTMLAttributes["class"] }>()
 

package/.nuxt/templates/badge/Badge.vue

@@ -4,7 +4,7 @@ import type { HTMLAttributes } from "vue"
 import type { BadgeVariants } from "."
 import { reactiveOmit } from "@vueuse/core"
 import { Primitive } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 import { badgeVariants } from "."
 
 const props = defineProps<PrimitiveProps & {

package/.nuxt/templates/breadcrumb/BreadcrumbEllipsis.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from "vue"
-import { MoreHorizontal } from "lucide-vue-next"
-import cn from '../../../utils/cn'
+import { MoreHorizontal } from "@lucide/vue"
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<{
   class?: HTMLAttributes["class"]

package/.nuxt/templates/breadcrumb/BreadcrumbItem.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from "vue"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<{
   class?: HTMLAttributes["class"]

package/.nuxt/templates/breadcrumb/BreadcrumbLink.vue

@@ -2,7 +2,7 @@
 import type { PrimitiveProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import { Primitive } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = withDefaults(defineProps<PrimitiveProps & { class?: HTMLAttributes["class"] }>(), {
   as: "a",

package/.nuxt/templates/breadcrumb/BreadcrumbList.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from "vue"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<{
   class?: HTMLAttributes["class"]

package/.nuxt/templates/breadcrumb/BreadcrumbPage.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from "vue"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<{
   class?: HTMLAttributes["class"]

package/.nuxt/templates/breadcrumb/BreadcrumbSeparator.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from "vue"
-import { ChevronRight } from "lucide-vue-next"
-import cn from '../../../utils/cn'
+import { ChevronRight } from "@lucide/vue"
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<{
   class?: HTMLAttributes["class"]

package/.nuxt/templates/button/Button.vue

@@ -3,7 +3,7 @@ import type { PrimitiveProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import type { ButtonVariants } from "."
 import { Primitive } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 import { buttonVariants } from "."
 
 interface Props extends PrimitiveProps {

package/.nuxt/templates/button-group/ButtonGroup.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue"
 import type { ButtonGroupVariants } from "."
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 import { buttonGroupVariants } from "."
 
 const props = defineProps<{

package/.nuxt/templates/button-group/ButtonGroupSeparator.vue

@@ -2,7 +2,7 @@
 import type { SeparatorProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import { reactiveOmit } from "@vueuse/core"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 import { Separator } from '../separator'
 
 const props = withDefaults(defineProps<SeparatorProps & { class?: HTMLAttributes["class"] }>(), {

package/.nuxt/templates/button-group/ButtonGroupText.vue

@@ -3,7 +3,7 @@ import type { PrimitiveProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import type { ButtonGroupVariants } from "."
 import { Primitive } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 interface Props extends PrimitiveProps {
   class?: HTMLAttributes["class"]

package/.nuxt/templates/calendar/Calendar.vue

@@ -7,7 +7,7 @@ import { createReusableTemplate, reactiveOmit, useVModel } from "@vueuse/core"
 import { CalendarRoot, useDateFormatter, useForwardPropsEmits } from "reka-ui"
 import { createYear, createYearRange, toDate } from "reka-ui/date"
 import { computed, toRaw } from "vue"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 import { NativeSelect, NativeSelectOption } from '../native-select'
 import { CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarHeader, CalendarHeading, CalendarNextButton, CalendarPrevButton } from "."
 

package/.nuxt/templates/calendar/CalendarCell.vue

@@ -3,7 +3,7 @@ import type { CalendarCellProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import { reactiveOmit } from "@vueuse/core"
 import { CalendarCell, useForwardProps } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<CalendarCellProps & { class?: HTMLAttributes["class"] }>()
 

package/.nuxt/templates/calendar/CalendarCellTrigger.vue

@@ -3,7 +3,7 @@ import type { CalendarCellTriggerProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import { reactiveOmit } from "@vueuse/core"
 import { CalendarCellTrigger, useForwardProps } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 import { buttonVariants } from '../button'
 
 const props = withDefaults(defineProps<CalendarCellTriggerProps & { class?: HTMLAttributes["class"] }>(), {

package/.nuxt/templates/calendar/CalendarGrid.vue

@@ -3,7 +3,7 @@ import type { CalendarGridProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import { reactiveOmit } from "@vueuse/core"
 import { CalendarGrid, useForwardProps } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<CalendarGridProps & { class?: HTMLAttributes["class"] }>()
 

package/.nuxt/templates/calendar/CalendarGridRow.vue

@@ -3,7 +3,7 @@ import type { CalendarGridRowProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import { reactiveOmit } from "@vueuse/core"
 import { CalendarGridRow, useForwardProps } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<CalendarGridRowProps & { class?: HTMLAttributes["class"] }>()
 

package/.nuxt/templates/calendar/CalendarHeadCell.vue

@@ -3,7 +3,7 @@ import type { CalendarHeadCellProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import { reactiveOmit } from "@vueuse/core"
 import { CalendarHeadCell, useForwardProps } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<CalendarHeadCellProps & { class?: HTMLAttributes["class"] }>()
 

package/.nuxt/templates/calendar/CalendarHeader.vue

@@ -3,7 +3,7 @@ import type { CalendarHeaderProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 import { reactiveOmit } from "@vueuse/core"
 import { CalendarHeader, useForwardProps } from "reka-ui"
-import cn from '../../../utils/cn'
+import cn from '#unaxt/utils/cn'
 
 const props = defineProps<CalendarHeaderProps & { class?: HTMLAttributes["class"] }>()