From a97fb6c245a45fd7bdb8365eeae521bcefe03886 Mon Sep 17 00:00:00 2001
From: Tom Tang <me@qwerzl.me>
Date: Mon, 23 Dec 2024 10:03:43 +0800
Subject: [PATCH] refactor!: upgrade to nuxt v4 (#658)

* refactor!: migrate to nuxt v4

* update path alias pt.2

* do not ignore shadcn components

* still. do not ignore shadcn components

* move utils to rootDir
---
 .eslintignore                                    |  1 -
 app.vue => app/app.vue                           |  0
 {assets => app/assets}/icons/logo.svg            |  0
 .../NewClassroomReservation.vue                  |  4 ++--
 .../custom/CAS/Record/NewActivityRecord.vue      |  6 +++---
 .../custom/CAS/Record/ViewMyActivityRecords.vue  |  9 ++++-----
 .../Record/view-activity-records/DataTable.vue   |  0
 .../view-activity-records/DataTableAction.vue    |  0
 .../CAS/Record/view-activity-records/columns.ts  |  4 ++--
 .../components}/custom/Index/announcements.vue   |  2 +-
 .../components}/custom/Nav/icon/Icon.vue         |  0
 .../components}/custom/Nav/user/User.vue         |  0
 .../components}/custom/club-card.vue             |  2 +-
 .../components}/custom/enum2str.ts               |  0
 .../components}/custom/sidebar.vue               | 14 +++++++-------
 .../components}/ui/alert-dialog/AlertDialog.vue  |  0
 .../ui/alert-dialog/AlertDialogAction.vue        |  0
 .../ui/alert-dialog/AlertDialogCancel.vue        |  0
 .../ui/alert-dialog/AlertDialogContent.vue       |  0
 .../ui/alert-dialog/AlertDialogDescription.vue   |  0
 .../ui/alert-dialog/AlertDialogFooter.vue        |  0
 .../ui/alert-dialog/AlertDialogHeader.vue        |  0
 .../ui/alert-dialog/AlertDialogTitle.vue         |  0
 .../ui/alert-dialog/AlertDialogTrigger.vue       |  0
 app/components/ui/alert-dialog/index.ts          |  9 +++++++++
 .../components}/ui/alert/Alert.vue               |  0
 .../components}/ui/alert/AlertDescription.vue    |  0
 .../components}/ui/alert/AlertTitle.vue          |  0
 {components => app/components}/ui/alert/index.ts |  6 +++---
 .../components}/ui/avatar/Avatar.vue             |  0
 .../components}/ui/avatar/AvatarFallback.vue     |  0
 .../components}/ui/avatar/AvatarImage.vue        |  0
 .../components}/ui/avatar/index.ts               |  6 +++---
 .../components}/ui/badge/Badge.vue               |  0
 {components => app/components}/ui/badge/index.ts |  2 +-
 .../components}/ui/button/Button.vue             |  0
 .../components}/ui/button/index.ts               |  2 +-
 .../components}/ui/calendar/Calendar.vue         |  0
 .../components}/ui/calendar/CalendarCell.vue     |  0
 .../ui/calendar/CalendarCellTrigger.vue          |  0
 .../components}/ui/calendar/CalendarGrid.vue     |  0
 .../components}/ui/calendar/CalendarGridBody.vue |  0
 .../components}/ui/calendar/CalendarGridHead.vue |  0
 .../components}/ui/calendar/CalendarGridRow.vue  |  0
 .../components}/ui/calendar/CalendarHeadCell.vue |  0
 .../components}/ui/calendar/CalendarHeader.vue   |  0
 .../components}/ui/calendar/CalendarHeading.vue  |  0
 .../ui/calendar/CalendarNextButton.vue           |  0
 .../ui/calendar/CalendarPrevButton.vue           |  0
 app/components/ui/calendar/index.ts              | 12 ++++++++++++
 {components => app/components}/ui/card/Card.vue  |  0
 .../components}/ui/card/CardContent.vue          |  0
 .../components}/ui/card/CardDescription.vue      |  0
 .../components}/ui/card/CardFooter.vue           |  0
 .../components}/ui/card/CardHeader.vue           |  0
 .../components}/ui/card/CardTitle.vue            |  0
 app/components/ui/card/index.ts                  |  6 ++++++
 .../components}/ui/chart-donut/DonutChart.vue    |  2 +-
 .../components}/ui/chart-donut/index.ts          |  2 +-
 .../components}/ui/chart/ChartCrosshair.vue      |  0
 .../components}/ui/chart/ChartLegend.vue         |  2 +-
 .../components}/ui/chart/ChartSingleTooltip.vue  |  0
 .../components}/ui/chart/ChartTooltip.vue        |  2 +-
 {components => app/components}/ui/chart/index.ts |  8 ++++----
 .../components}/ui/chart/interface.ts            |  0
 .../components}/ui/checkbox/Checkbox.vue         |  0
 app/components/ui/checkbox/index.ts              |  1 +
 .../components}/ui/command/Command.vue           |  0
 .../components}/ui/command/CommandDialog.vue     |  0
 .../components}/ui/command/CommandEmpty.vue      |  0
 .../components}/ui/command/CommandGroup.vue      |  0
 .../components}/ui/command/CommandInput.vue      |  0
 .../components}/ui/command/CommandItem.vue       |  0
 .../components}/ui/command/CommandList.vue       |  0
 .../components}/ui/command/CommandSeparator.vue  |  0
 .../components}/ui/command/CommandShortcut.vue   |  0
 app/components/ui/command/index.ts               |  9 +++++++++
 .../components}/ui/dialog/Dialog.vue             |  0
 .../components}/ui/dialog/DialogClose.vue        |  0
 .../components}/ui/dialog/DialogContent.vue      |  0
 .../components}/ui/dialog/DialogDescription.vue  |  0
 .../components}/ui/dialog/DialogFooter.vue       |  0
 .../components}/ui/dialog/DialogHeader.vue       |  0
 .../ui/dialog/DialogScrollContent.vue            |  0
 .../components}/ui/dialog/DialogTitle.vue        |  0
 .../components}/ui/dialog/DialogTrigger.vue      |  0
 app/components/ui/dialog/index.ts                |  9 +++++++++
 .../ui/dropdown-menu/DropdownMenu.vue            |  0
 .../dropdown-menu/DropdownMenuCheckboxItem.vue   |  0
 .../ui/dropdown-menu/DropdownMenuContent.vue     |  0
 .../ui/dropdown-menu/DropdownMenuGroup.vue       |  0
 .../ui/dropdown-menu/DropdownMenuItem.vue        |  0
 .../ui/dropdown-menu/DropdownMenuLabel.vue       |  0
 .../ui/dropdown-menu/DropdownMenuRadioGroup.vue  |  0
 .../ui/dropdown-menu/DropdownMenuRadioItem.vue   |  0
 .../ui/dropdown-menu/DropdownMenuSeparator.vue   |  0
 .../ui/dropdown-menu/DropdownMenuShortcut.vue    |  0
 .../ui/dropdown-menu/DropdownMenuSub.vue         |  0
 .../ui/dropdown-menu/DropdownMenuSubContent.vue  |  0
 .../ui/dropdown-menu/DropdownMenuSubTrigger.vue  |  0
 .../ui/dropdown-menu/DropdownMenuTrigger.vue     |  0
 app/components/ui/dropdown-menu/index.ts         | 16 ++++++++++++++++
 .../components}/ui/form/FormControl.vue          |  0
 .../components}/ui/form/FormDescription.vue      |  0
 .../components}/ui/form/FormItem.vue             |  0
 .../components}/ui/form/FormLabel.vue            |  0
 .../components}/ui/form/FormMessage.vue          |  0
 app/components/ui/form/index.ts                  |  7 +++++++
 .../components}/ui/form/injectionKeys.ts         |  0
 .../components}/ui/form/useFormField.ts          |  0
 .../components}/ui/hover-card/HoverCard.vue      |  0
 .../ui/hover-card/HoverCardContent.vue           |  0
 .../ui/hover-card/HoverCardTrigger.vue           |  0
 app/components/ui/hover-card/index.ts            |  3 +++
 .../components}/ui/input/Input.vue               |  0
 app/components/ui/input/index.ts                 |  1 +
 .../components}/ui/label/Label.vue               |  0
 app/components/ui/label/index.ts                 |  1 +
 .../components}/ui/menubar/Menubar.vue           |  0
 .../ui/menubar/MenubarCheckboxItem.vue           |  0
 .../components}/ui/menubar/MenubarContent.vue    |  0
 .../components}/ui/menubar/MenubarGroup.vue      |  0
 .../components}/ui/menubar/MenubarItem.vue       |  0
 .../components}/ui/menubar/MenubarLabel.vue      |  0
 .../components}/ui/menubar/MenubarMenu.vue       |  0
 .../components}/ui/menubar/MenubarRadioGroup.vue |  0
 .../components}/ui/menubar/MenubarRadioItem.vue  |  0
 .../components}/ui/menubar/MenubarSeparator.vue  |  0
 .../components}/ui/menubar/MenubarShortcut.vue   |  0
 .../components}/ui/menubar/MenubarSub.vue        |  0
 .../components}/ui/menubar/MenubarSubContent.vue |  0
 .../components}/ui/menubar/MenubarSubTrigger.vue |  0
 .../components}/ui/menubar/MenubarTrigger.vue    |  0
 app/components/ui/menubar/index.ts               | 15 +++++++++++++++
 .../components}/ui/multiselect/Multiselect.vue   |  0
 app/components/ui/multiselect/index.ts           |  1 +
 .../components}/ui/number-field/NumberField.vue  |  0
 .../ui/number-field/NumberFieldContent.vue       |  0
 .../ui/number-field/NumberFieldDecrement.vue     |  0
 .../ui/number-field/NumberFieldIncrement.vue     |  0
 .../ui/number-field/NumberFieldInput.vue         |  0
 app/components/ui/number-field/index.ts          |  5 +++++
 .../components}/ui/popover/Popover.vue           |  0
 .../components}/ui/popover/PopoverContent.vue    |  0
 .../components}/ui/popover/PopoverTrigger.vue    |  0
 app/components/ui/popover/index.ts               |  4 ++++
 .../components}/ui/scroll-area/ScrollArea.vue    |  0
 .../components}/ui/scroll-area/ScrollBar.vue     |  0
 app/components/ui/scroll-area/index.ts           |  2 ++
 .../components}/ui/select/Select.vue             |  0
 .../components}/ui/select/SelectContent.vue      |  0
 .../components}/ui/select/SelectGroup.vue        |  0
 .../components}/ui/select/SelectItem.vue         |  0
 .../components}/ui/select/SelectItemText.vue     |  0
 .../components}/ui/select/SelectLabel.vue        |  0
 .../ui/select/SelectScrollDownButton.vue         |  0
 .../ui/select/SelectScrollUpButton.vue           |  0
 .../components}/ui/select/SelectSeparator.vue    |  0
 .../components}/ui/select/SelectTrigger.vue      |  0
 .../components}/ui/select/SelectValue.vue        |  0
 app/components/ui/select/index.ts                | 11 +++++++++++
 .../components}/ui/separator/Separator.vue       |  0
 app/components/ui/separator/index.ts             |  1 +
 .../components}/ui/skeleton/Skeleton.vue         |  0
 app/components/ui/skeleton/index.ts              |  1 +
 .../components}/ui/switch/Switch.vue             |  0
 app/components/ui/switch/index.ts                |  1 +
 .../components}/ui/table/Table.vue               |  0
 .../components}/ui/table/TableBody.vue           |  0
 .../components}/ui/table/TableCaption.vue        |  0
 .../components}/ui/table/TableCell.vue           |  0
 .../components}/ui/table/TableEmpty.vue          |  0
 .../components}/ui/table/TableFooter.vue         |  0
 .../components}/ui/table/TableHead.vue           |  0
 .../components}/ui/table/TableHeader.vue         |  0
 .../components}/ui/table/TableRow.vue            |  0
 app/components/ui/table/index.ts                 |  8 ++++++++
 {components => app/components}/ui/tabs/Tabs.vue  |  0
 .../components}/ui/tabs/TabsContent.vue          |  0
 .../components}/ui/tabs/TabsList.vue             |  0
 .../components}/ui/tabs/TabsTrigger.vue          |  0
 app/components/ui/tabs/index.ts                  |  4 ++++
 .../components}/ui/tags-input/TagsInput.vue      |  0
 .../components}/ui/tags-input/TagsInputInput.vue |  0
 .../components}/ui/tags-input/TagsInputItem.vue  |  0
 .../ui/tags-input/TagsInputItemDelete.vue        |  0
 .../ui/tags-input/TagsInputItemText.vue          |  0
 app/components/ui/tags-input/index.ts            |  5 +++++
 .../components}/ui/textarea/Textarea.vue         |  0
 app/components/ui/textarea/index.ts              |  1 +
 .../components}/ui/toast/Toast.vue               |  0
 .../components}/ui/toast/ToastAction.vue         |  0
 .../components}/ui/toast/ToastClose.vue          |  0
 .../components}/ui/toast/ToastDescription.vue    |  0
 .../components}/ui/toast/ToastProvider.vue       |  0
 .../components}/ui/toast/ToastTitle.vue          |  0
 .../components}/ui/toast/ToastViewport.vue       |  0
 .../components}/ui/toast/Toaster.vue             |  0
 {components => app/components}/ui/toast/index.ts | 16 ++++++++--------
 .../components}/ui/toast/use-toast.ts            |  2 +-
 .../components}/ui/toggle-group/ToggleGroup.vue  |  0
 .../ui/toggle-group/ToggleGroupItem.vue          |  0
 app/components/ui/toggle-group/index.ts          |  2 ++
 .../components}/ui/toggle/Toggle.vue             |  0
 .../components}/ui/toggle/index.ts               |  2 +-
 error.vue => app/error.vue                       |  0
 {layouts => app/layouts}/default.vue             |  4 ++--
 {layouts => app/layouts}/sign-in-or-out.vue      |  0
 {lib => app/lib}/utils.ts                        |  0
 {middleware => app/middleware}/auth.ts           |  0
 .../middleware}/authWithoutBind.ts               |  0
 {middleware => app/middleware}/public.ts         |  0
 {pages => app/pages}/about.vue                   |  0
 {pages => app/pages}/account/bind.vue            |  0
 {pages => app/pages}/cas/clubs/[id].vue          |  2 +-
 {pages => app/pages}/cas/clubs/index.vue         |  4 ++--
 {pages => app/pages}/cas/rating.vue              |  2 +-
 {pages => app/pages}/forms/[id].vue              |  4 ++--
 {pages => app/pages}/forms/index.vue             |  4 ++--
 {pages => app/pages}/index.vue                   |  2 +-
 {pages => app/pages}/manage/manage.vue           |  2 +-
 {pages => app/pages}/manage/record.vue           |  8 ++++----
 {pages => app/pages}/manage/reservation.vue      |  4 ++--
 {pages => app/pages}/manage/statuses.vue         |  2 +-
 {pages => app/pages}/profile.vue                 |  0
 {pages => app/pages}/sign-in.vue                 |  0
 {pages => app/pages}/sign-up.vue                 |  0
 {plugins => app/plugins}/clerk.ts                |  0
 {plugins => app/plugins}/vue-query.ts            |  2 +-
 {queries => app/queries}/default.ts              |  0
 components/ui/alert-dialog/index.ts              |  9 ---------
 components/ui/calendar/index.ts                  | 12 ------------
 components/ui/card/index.ts                      |  6 ------
 components/ui/checkbox/index.ts                  |  1 -
 components/ui/command/index.ts                   |  9 ---------
 components/ui/dialog/index.ts                    |  9 ---------
 components/ui/dropdown-menu/index.ts             | 16 ----------------
 components/ui/form/index.ts                      |  7 -------
 components/ui/hover-card/index.ts                |  3 ---
 components/ui/input/index.ts                     |  1 -
 components/ui/label/index.ts                     |  1 -
 components/ui/menubar/index.ts                   | 15 ---------------
 components/ui/multiselect/index.ts               |  1 -
 components/ui/number-field/index.ts              |  5 -----
 components/ui/popover/index.ts                   |  4 ----
 components/ui/scroll-area/index.ts               |  2 --
 components/ui/select/index.ts                    | 11 -----------
 components/ui/separator/index.ts                 |  1 -
 components/ui/skeleton/index.ts                  |  1 -
 components/ui/switch/index.ts                    |  1 -
 components/ui/table/index.ts                     |  8 --------
 components/ui/tabs/index.ts                      |  4 ----
 components/ui/tags-input/index.ts                |  5 -----
 components/ui/textarea/index.ts                  |  1 -
 components/ui/toggle-group/index.ts              |  2 --
 eslint.config.js                                 |  1 -
 nuxt.config.ts                                   | 13 +++++--------
 server/api/forms/open.get.ts                     |  2 +-
 tsconfig.json                                    |  6 ++----
 utils/crawler.ts                                 |  6 +++---
 utils/update-classroom-data.ts                   |  2 +-
 utils/update-club-info.ts                        |  2 +-
 262 files changed, 214 insertions(+), 222 deletions(-)
 delete mode 100644 .eslintignore
 rename app.vue => app/app.vue (100%)
 rename {assets => app/assets}/icons/logo.svg (100%)
 rename {components => app/components}/custom/CAS/ClassroomReservation/NewClassroomReservation.vue (98%)
 rename {components => app/components}/custom/CAS/Record/NewActivityRecord.vue (98%)
 rename {components => app/components}/custom/CAS/Record/ViewMyActivityRecords.vue (93%)
 rename {components => app/components}/custom/CAS/Record/view-activity-records/DataTable.vue (100%)
 rename {components => app/components}/custom/CAS/Record/view-activity-records/DataTableAction.vue (100%)
 rename {components => app/components}/custom/CAS/Record/view-activity-records/columns.ts (91%)
 rename {components => app/components}/custom/Index/announcements.vue (93%)
 rename {components => app/components}/custom/Nav/icon/Icon.vue (100%)
 rename {components => app/components}/custom/Nav/user/User.vue (100%)
 rename {components => app/components}/custom/club-card.vue (98%)
 rename {components => app/components}/custom/enum2str.ts (100%)
 rename {components => app/components}/custom/sidebar.vue (91%)
 rename {components => app/components}/ui/alert-dialog/AlertDialog.vue (100%)
 rename {components => app/components}/ui/alert-dialog/AlertDialogAction.vue (100%)
 rename {components => app/components}/ui/alert-dialog/AlertDialogCancel.vue (100%)
 rename {components => app/components}/ui/alert-dialog/AlertDialogContent.vue (100%)
 rename {components => app/components}/ui/alert-dialog/AlertDialogDescription.vue (100%)
 rename {components => app/components}/ui/alert-dialog/AlertDialogFooter.vue (100%)
 rename {components => app/components}/ui/alert-dialog/AlertDialogHeader.vue (100%)
 rename {components => app/components}/ui/alert-dialog/AlertDialogTitle.vue (100%)
 rename {components => app/components}/ui/alert-dialog/AlertDialogTrigger.vue (100%)
 create mode 100644 app/components/ui/alert-dialog/index.ts
 rename {components => app/components}/ui/alert/Alert.vue (100%)
 rename {components => app/components}/ui/alert/AlertDescription.vue (100%)
 rename {components => app/components}/ui/alert/AlertTitle.vue (100%)
 rename {components => app/components}/ui/alert/index.ts (72%)
 rename {components => app/components}/ui/avatar/Avatar.vue (100%)
 rename {components => app/components}/ui/avatar/AvatarFallback.vue (100%)
 rename {components => app/components}/ui/avatar/AvatarImage.vue (100%)
 rename {components => app/components}/ui/avatar/index.ts (65%)
 rename {components => app/components}/ui/badge/Badge.vue (100%)
 rename {components => app/components}/ui/badge/index.ts (92%)
 rename {components => app/components}/ui/button/Button.vue (100%)
 rename {components => app/components}/ui/button/index.ts (94%)
 rename {components => app/components}/ui/calendar/Calendar.vue (100%)
 rename {components => app/components}/ui/calendar/CalendarCell.vue (100%)
 rename {components => app/components}/ui/calendar/CalendarCellTrigger.vue (100%)
 rename {components => app/components}/ui/calendar/CalendarGrid.vue (100%)
 rename {components => app/components}/ui/calendar/CalendarGridBody.vue (100%)
 rename {components => app/components}/ui/calendar/CalendarGridHead.vue (100%)
 rename {components => app/components}/ui/calendar/CalendarGridRow.vue (100%)
 rename {components => app/components}/ui/calendar/CalendarHeadCell.vue (100%)
 rename {components => app/components}/ui/calendar/CalendarHeader.vue (100%)
 rename {components => app/components}/ui/calendar/CalendarHeading.vue (100%)
 rename {components => app/components}/ui/calendar/CalendarNextButton.vue (100%)
 rename {components => app/components}/ui/calendar/CalendarPrevButton.vue (100%)
 create mode 100644 app/components/ui/calendar/index.ts
 rename {components => app/components}/ui/card/Card.vue (100%)
 rename {components => app/components}/ui/card/CardContent.vue (100%)
 rename {components => app/components}/ui/card/CardDescription.vue (100%)
 rename {components => app/components}/ui/card/CardFooter.vue (100%)
 rename {components => app/components}/ui/card/CardHeader.vue (100%)
 rename {components => app/components}/ui/card/CardTitle.vue (100%)
 create mode 100644 app/components/ui/card/index.ts
 rename {components => app/components}/ui/chart-donut/DonutChart.vue (98%)
 rename {components => app/components}/ui/chart-donut/index.ts (90%)
 rename {components => app/components}/ui/chart/ChartCrosshair.vue (100%)
 rename {components => app/components}/ui/chart/ChartLegend.vue (96%)
 rename {components => app/components}/ui/chart/ChartSingleTooltip.vue (100%)
 rename {components => app/components}/ui/chart/ChartTooltip.vue (94%)
 rename {components => app/components}/ui/chart/index.ts (59%)
 rename {components => app/components}/ui/chart/interface.ts (100%)
 rename {components => app/components}/ui/checkbox/Checkbox.vue (100%)
 create mode 100644 app/components/ui/checkbox/index.ts
 rename {components => app/components}/ui/command/Command.vue (100%)
 rename {components => app/components}/ui/command/CommandDialog.vue (100%)
 rename {components => app/components}/ui/command/CommandEmpty.vue (100%)
 rename {components => app/components}/ui/command/CommandGroup.vue (100%)
 rename {components => app/components}/ui/command/CommandInput.vue (100%)
 rename {components => app/components}/ui/command/CommandItem.vue (100%)
 rename {components => app/components}/ui/command/CommandList.vue (100%)
 rename {components => app/components}/ui/command/CommandSeparator.vue (100%)
 rename {components => app/components}/ui/command/CommandShortcut.vue (100%)
 create mode 100644 app/components/ui/command/index.ts
 rename {components => app/components}/ui/dialog/Dialog.vue (100%)
 rename {components => app/components}/ui/dialog/DialogClose.vue (100%)
 rename {components => app/components}/ui/dialog/DialogContent.vue (100%)
 rename {components => app/components}/ui/dialog/DialogDescription.vue (100%)
 rename {components => app/components}/ui/dialog/DialogFooter.vue (100%)
 rename {components => app/components}/ui/dialog/DialogHeader.vue (100%)
 rename {components => app/components}/ui/dialog/DialogScrollContent.vue (100%)
 rename {components => app/components}/ui/dialog/DialogTitle.vue (100%)
 rename {components => app/components}/ui/dialog/DialogTrigger.vue (100%)
 create mode 100644 app/components/ui/dialog/index.ts
 rename {components => app/components}/ui/dropdown-menu/DropdownMenu.vue (100%)
 rename {components => app/components}/ui/dropdown-menu/DropdownMenuCheckboxItem.vue (100%)
 rename {components => app/components}/ui/dropdown-menu/DropdownMenuContent.vue (100%)
 rename {components => app/components}/ui/dropdown-menu/DropdownMenuGroup.vue (100%)
 rename {components => app/components}/ui/dropdown-menu/DropdownMenuItem.vue (100%)
 rename {components => app/components}/ui/dropdown-menu/DropdownMenuLabel.vue (100%)
 rename {components => app/components}/ui/dropdown-menu/DropdownMenuRadioGroup.vue (100%)
 rename {components => app/components}/ui/dropdown-menu/DropdownMenuRadioItem.vue (100%)
 rename {components => app/components}/ui/dropdown-menu/DropdownMenuSeparator.vue (100%)
 rename {components => app/components}/ui/dropdown-menu/DropdownMenuShortcut.vue (100%)
 rename {components => app/components}/ui/dropdown-menu/DropdownMenuSub.vue (100%)
 rename {components => app/components}/ui/dropdown-menu/DropdownMenuSubContent.vue (100%)
 rename {components => app/components}/ui/dropdown-menu/DropdownMenuSubTrigger.vue (100%)
 rename {components => app/components}/ui/dropdown-menu/DropdownMenuTrigger.vue (100%)
 create mode 100644 app/components/ui/dropdown-menu/index.ts
 rename {components => app/components}/ui/form/FormControl.vue (100%)
 rename {components => app/components}/ui/form/FormDescription.vue (100%)
 rename {components => app/components}/ui/form/FormItem.vue (100%)
 rename {components => app/components}/ui/form/FormLabel.vue (100%)
 rename {components => app/components}/ui/form/FormMessage.vue (100%)
 create mode 100644 app/components/ui/form/index.ts
 rename {components => app/components}/ui/form/injectionKeys.ts (100%)
 rename {components => app/components}/ui/form/useFormField.ts (100%)
 rename {components => app/components}/ui/hover-card/HoverCard.vue (100%)
 rename {components => app/components}/ui/hover-card/HoverCardContent.vue (100%)
 rename {components => app/components}/ui/hover-card/HoverCardTrigger.vue (100%)
 create mode 100644 app/components/ui/hover-card/index.ts
 rename {components => app/components}/ui/input/Input.vue (100%)
 create mode 100644 app/components/ui/input/index.ts
 rename {components => app/components}/ui/label/Label.vue (100%)
 create mode 100644 app/components/ui/label/index.ts
 rename {components => app/components}/ui/menubar/Menubar.vue (100%)
 rename {components => app/components}/ui/menubar/MenubarCheckboxItem.vue (100%)
 rename {components => app/components}/ui/menubar/MenubarContent.vue (100%)
 rename {components => app/components}/ui/menubar/MenubarGroup.vue (100%)
 rename {components => app/components}/ui/menubar/MenubarItem.vue (100%)
 rename {components => app/components}/ui/menubar/MenubarLabel.vue (100%)
 rename {components => app/components}/ui/menubar/MenubarMenu.vue (100%)
 rename {components => app/components}/ui/menubar/MenubarRadioGroup.vue (100%)
 rename {components => app/components}/ui/menubar/MenubarRadioItem.vue (100%)
 rename {components => app/components}/ui/menubar/MenubarSeparator.vue (100%)
 rename {components => app/components}/ui/menubar/MenubarShortcut.vue (100%)
 rename {components => app/components}/ui/menubar/MenubarSub.vue (100%)
 rename {components => app/components}/ui/menubar/MenubarSubContent.vue (100%)
 rename {components => app/components}/ui/menubar/MenubarSubTrigger.vue (100%)
 rename {components => app/components}/ui/menubar/MenubarTrigger.vue (100%)
 create mode 100644 app/components/ui/menubar/index.ts
 rename {components => app/components}/ui/multiselect/Multiselect.vue (100%)
 create mode 100644 app/components/ui/multiselect/index.ts
 rename {components => app/components}/ui/number-field/NumberField.vue (100%)
 rename {components => app/components}/ui/number-field/NumberFieldContent.vue (100%)
 rename {components => app/components}/ui/number-field/NumberFieldDecrement.vue (100%)
 rename {components => app/components}/ui/number-field/NumberFieldIncrement.vue (100%)
 rename {components => app/components}/ui/number-field/NumberFieldInput.vue (100%)
 create mode 100644 app/components/ui/number-field/index.ts
 rename {components => app/components}/ui/popover/Popover.vue (100%)
 rename {components => app/components}/ui/popover/PopoverContent.vue (100%)
 rename {components => app/components}/ui/popover/PopoverTrigger.vue (100%)
 create mode 100644 app/components/ui/popover/index.ts
 rename {components => app/components}/ui/scroll-area/ScrollArea.vue (100%)
 rename {components => app/components}/ui/scroll-area/ScrollBar.vue (100%)
 create mode 100644 app/components/ui/scroll-area/index.ts
 rename {components => app/components}/ui/select/Select.vue (100%)
 rename {components => app/components}/ui/select/SelectContent.vue (100%)
 rename {components => app/components}/ui/select/SelectGroup.vue (100%)
 rename {components => app/components}/ui/select/SelectItem.vue (100%)
 rename {components => app/components}/ui/select/SelectItemText.vue (100%)
 rename {components => app/components}/ui/select/SelectLabel.vue (100%)
 rename {components => app/components}/ui/select/SelectScrollDownButton.vue (100%)
 rename {components => app/components}/ui/select/SelectScrollUpButton.vue (100%)
 rename {components => app/components}/ui/select/SelectSeparator.vue (100%)
 rename {components => app/components}/ui/select/SelectTrigger.vue (100%)
 rename {components => app/components}/ui/select/SelectValue.vue (100%)
 create mode 100644 app/components/ui/select/index.ts
 rename {components => app/components}/ui/separator/Separator.vue (100%)
 create mode 100644 app/components/ui/separator/index.ts
 rename {components => app/components}/ui/skeleton/Skeleton.vue (100%)
 create mode 100644 app/components/ui/skeleton/index.ts
 rename {components => app/components}/ui/switch/Switch.vue (100%)
 create mode 100644 app/components/ui/switch/index.ts
 rename {components => app/components}/ui/table/Table.vue (100%)
 rename {components => app/components}/ui/table/TableBody.vue (100%)
 rename {components => app/components}/ui/table/TableCaption.vue (100%)
 rename {components => app/components}/ui/table/TableCell.vue (100%)
 rename {components => app/components}/ui/table/TableEmpty.vue (100%)
 rename {components => app/components}/ui/table/TableFooter.vue (100%)
 rename {components => app/components}/ui/table/TableHead.vue (100%)
 rename {components => app/components}/ui/table/TableHeader.vue (100%)
 rename {components => app/components}/ui/table/TableRow.vue (100%)
 create mode 100644 app/components/ui/table/index.ts
 rename {components => app/components}/ui/tabs/Tabs.vue (100%)
 rename {components => app/components}/ui/tabs/TabsContent.vue (100%)
 rename {components => app/components}/ui/tabs/TabsList.vue (100%)
 rename {components => app/components}/ui/tabs/TabsTrigger.vue (100%)
 create mode 100644 app/components/ui/tabs/index.ts
 rename {components => app/components}/ui/tags-input/TagsInput.vue (100%)
 rename {components => app/components}/ui/tags-input/TagsInputInput.vue (100%)
 rename {components => app/components}/ui/tags-input/TagsInputItem.vue (100%)
 rename {components => app/components}/ui/tags-input/TagsInputItemDelete.vue (100%)
 rename {components => app/components}/ui/tags-input/TagsInputItemText.vue (100%)
 create mode 100644 app/components/ui/tags-input/index.ts
 rename {components => app/components}/ui/textarea/Textarea.vue (100%)
 create mode 100644 app/components/ui/textarea/index.ts
 rename {components => app/components}/ui/toast/Toast.vue (100%)
 rename {components => app/components}/ui/toast/ToastAction.vue (100%)
 rename {components => app/components}/ui/toast/ToastClose.vue (100%)
 rename {components => app/components}/ui/toast/ToastDescription.vue (100%)
 rename {components => app/components}/ui/toast/ToastProvider.vue (100%)
 rename {components => app/components}/ui/toast/ToastTitle.vue (100%)
 rename {components => app/components}/ui/toast/ToastViewport.vue (100%)
 rename {components => app/components}/ui/toast/Toaster.vue (100%)
 rename {components => app/components}/ui/toast/index.ts (62%)
 rename {components => app/components}/ui/toast/use-toast.ts (98%)
 rename {components => app/components}/ui/toggle-group/ToggleGroup.vue (100%)
 rename {components => app/components}/ui/toggle-group/ToggleGroupItem.vue (100%)
 create mode 100644 app/components/ui/toggle-group/index.ts
 rename {components => app/components}/ui/toggle/Toggle.vue (100%)
 rename {components => app/components}/ui/toggle/index.ts (91%)
 rename error.vue => app/error.vue (100%)
 rename {layouts => app/layouts}/default.vue (96%)
 rename {layouts => app/layouts}/sign-in-or-out.vue (100%)
 rename {lib => app/lib}/utils.ts (100%)
 rename {middleware => app/middleware}/auth.ts (100%)
 rename {middleware => app/middleware}/authWithoutBind.ts (100%)
 rename {middleware => app/middleware}/public.ts (100%)
 rename {pages => app/pages}/about.vue (100%)
 rename {pages => app/pages}/account/bind.vue (100%)
 rename {pages => app/pages}/cas/clubs/[id].vue (99%)
 rename {pages => app/pages}/cas/clubs/index.vue (98%)
 rename {pages => app/pages}/cas/rating.vue (99%)
 rename {pages => app/pages}/forms/[id].vue (91%)
 rename {pages => app/pages}/forms/index.vue (93%)
 rename {pages => app/pages}/index.vue (89%)
 rename {pages => app/pages}/manage/manage.vue (98%)
 rename {pages => app/pages}/manage/record.vue (92%)
 rename {pages => app/pages}/manage/reservation.vue (95%)
 rename {pages => app/pages}/manage/statuses.vue (98%)
 rename {pages => app/pages}/profile.vue (100%)
 rename {pages => app/pages}/sign-in.vue (100%)
 rename {pages => app/pages}/sign-up.vue (100%)
 rename {plugins => app/plugins}/clerk.ts (100%)
 rename {plugins => app/plugins}/vue-query.ts (94%)
 rename {queries => app/queries}/default.ts (100%)
 delete mode 100644 components/ui/alert-dialog/index.ts
 delete mode 100644 components/ui/calendar/index.ts
 delete mode 100644 components/ui/card/index.ts
 delete mode 100644 components/ui/checkbox/index.ts
 delete mode 100644 components/ui/command/index.ts
 delete mode 100644 components/ui/dialog/index.ts
 delete mode 100644 components/ui/dropdown-menu/index.ts
 delete mode 100644 components/ui/form/index.ts
 delete mode 100644 components/ui/hover-card/index.ts
 delete mode 100644 components/ui/input/index.ts
 delete mode 100644 components/ui/label/index.ts
 delete mode 100644 components/ui/menubar/index.ts
 delete mode 100644 components/ui/multiselect/index.ts
 delete mode 100644 components/ui/number-field/index.ts
 delete mode 100644 components/ui/popover/index.ts
 delete mode 100644 components/ui/scroll-area/index.ts
 delete mode 100644 components/ui/select/index.ts
 delete mode 100644 components/ui/separator/index.ts
 delete mode 100644 components/ui/skeleton/index.ts
 delete mode 100644 components/ui/switch/index.ts
 delete mode 100644 components/ui/table/index.ts
 delete mode 100644 components/ui/tabs/index.ts
 delete mode 100644 components/ui/tags-input/index.ts
 delete mode 100644 components/ui/textarea/index.ts
 delete mode 100644 components/ui/toggle-group/index.ts

diff --git a/.eslintignore b/.eslintignore
deleted file mode 100644
index dd619816..00000000
--- a/.eslintignore
+++ /dev/null
@@ -1 +0,0 @@
-components/ui/
diff --git a/app.vue b/app/app.vue
similarity index 100%
rename from app.vue
rename to app/app.vue
diff --git a/assets/icons/logo.svg b/app/assets/icons/logo.svg
similarity index 100%
rename from assets/icons/logo.svg
rename to app/assets/icons/logo.svg
diff --git a/components/custom/CAS/ClassroomReservation/NewClassroomReservation.vue b/app/components/custom/CAS/ClassroomReservation/NewClassroomReservation.vue
similarity index 98%
rename from components/custom/CAS/ClassroomReservation/NewClassroomReservation.vue
rename to app/components/custom/CAS/ClassroomReservation/NewClassroomReservation.vue
index 480e0b2f..d60550d6 100644
--- a/components/custom/CAS/ClassroomReservation/NewClassroomReservation.vue
+++ b/app/components/custom/CAS/ClassroomReservation/NewClassroomReservation.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
+import type { AllClubs } from '@@/types/api/user/all_clubs'
 import type { ClassroomData } from '@prisma/client'
-import type { AllClubs } from '~/types/api/user/all_clubs'
+import { enums } from '@/components/custom/enum2str'
 import { Button } from '@/components/ui/button'
 import {
   Card,
@@ -11,7 +12,6 @@ import {
 } from '@/components/ui/card'
 import { useToast } from '@/components/ui/toast/use-toast'
 import { LoaderCircle } from 'lucide-vue-next'
-import { enums } from '~/components/custom/enum2str'
 
 const { toast } = useToast()
 
diff --git a/components/custom/CAS/Record/NewActivityRecord.vue b/app/components/custom/CAS/Record/NewActivityRecord.vue
similarity index 98%
rename from components/custom/CAS/Record/NewActivityRecord.vue
rename to app/components/custom/CAS/Record/NewActivityRecord.vue
index 02446c3b..3df72f56 100644
--- a/components/custom/CAS/Record/NewActivityRecord.vue
+++ b/app/components/custom/CAS/Record/NewActivityRecord.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import type { AllClubs } from '@@/types/api/user/all_clubs'
 import { Button } from '@/components/ui/button'
 import { Calendar } from '@/components/ui/calendar'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
@@ -12,16 +13,15 @@ import {
 } from '@/components/ui/number-field'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
 import { Textarea } from '@/components/ui/textarea'
+import { Toaster } from '@/components/ui/toast'
 import { useToast } from '@/components/ui/toast/use-toast'
+import { cn } from '@/lib/utils'
 import { CalendarDate, DateFormatter, getLocalTimeZone, parseDate, today } from '@internationalized/date'
 import { toTypedSchema } from '@vee-validate/zod'
 import { Calendar as CalendarIcon } from 'lucide-vue-next'
 import { toDate } from 'radix-vue/date'
 import { useForm } from 'vee-validate'
 import * as z from 'zod'
-import { Toaster } from '~/components/ui/toast'
-import { cn } from '~/lib/utils'
-import type { AllClubs } from '~/types/api/user/all_clubs'
 
 const emit = defineEmits(['refresh'])
 
diff --git a/components/custom/CAS/Record/ViewMyActivityRecords.vue b/app/components/custom/CAS/Record/ViewMyActivityRecords.vue
similarity index 93%
rename from components/custom/CAS/Record/ViewMyActivityRecords.vue
rename to app/components/custom/CAS/Record/ViewMyActivityRecords.vue
index 352a1dad..e9bfcf4b 100644
--- a/components/custom/CAS/Record/ViewMyActivityRecords.vue
+++ b/app/components/custom/CAS/Record/ViewMyActivityRecords.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import type { MyRecords } from '@@/types/api/cas/record/my'
+import type { AllClubs } from '@@/types/api/user/all_clubs'
 import type { Ref } from 'vue'
-import type { MyRecords } from '~/types/api/cas/record/my'
-import type { AllClubs } from '~/types/api/user/all_clubs'
 import {
   Card,
   CardContent,
@@ -17,10 +17,9 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/components/ui/select'
-import { Toaster } from '~/components/ui/toast'
+import { Toaster } from '@/components/ui/toast'
 import { columns } from './view-activity-records/columns'
 import DataTable from './view-activity-records/DataTable.vue'
-import { useQuery } from '@tanstack/vue-query';
 
 const props = defineProps<{
   refreshWatcher: Ref<boolean>
@@ -115,7 +114,7 @@ const totalCASTime = computed(() => {
         </Button>
       </div>
       <div v-if="selectedClub" class="mb-4 text-sm">
-        <div class="rounded border p-2 mt-1 flex justify-between">
+        <div class="mt-1 flex justify-between border rounded p-2">
           <div class="flex items-center space-x-0.5">
             <p class="font-bold">
               C:
diff --git a/components/custom/CAS/Record/view-activity-records/DataTable.vue b/app/components/custom/CAS/Record/view-activity-records/DataTable.vue
similarity index 100%
rename from components/custom/CAS/Record/view-activity-records/DataTable.vue
rename to app/components/custom/CAS/Record/view-activity-records/DataTable.vue
diff --git a/components/custom/CAS/Record/view-activity-records/DataTableAction.vue b/app/components/custom/CAS/Record/view-activity-records/DataTableAction.vue
similarity index 100%
rename from components/custom/CAS/Record/view-activity-records/DataTableAction.vue
rename to app/components/custom/CAS/Record/view-activity-records/DataTableAction.vue
diff --git a/components/custom/CAS/Record/view-activity-records/columns.ts b/app/components/custom/CAS/Record/view-activity-records/columns.ts
similarity index 91%
rename from components/custom/CAS/Record/view-activity-records/columns.ts
rename to app/components/custom/CAS/Record/view-activity-records/columns.ts
index 5c12a63e..39c9ec14 100644
--- a/components/custom/CAS/Record/view-activity-records/columns.ts
+++ b/app/components/custom/CAS/Record/view-activity-records/columns.ts
@@ -1,9 +1,9 @@
 import type { ActivityRecord, Club, ClubMembership } from '@prisma/client'
 import type { ColumnDef } from '@tanstack/vue-table'
+import DropdownAction from '@/components/custom/CAS/Record/view-activity-records/DataTableAction.vue'
+import { Button } from '@/components/ui/button'
 import { ArrowUpDown } from 'lucide-vue-next'
 import { h } from 'vue'
-import { Button } from '~/components/ui/button'
-import DropdownAction from './DataTableAction.vue'
 
 export const columns: ColumnDef<ActivityRecord>[] = [
   {
diff --git a/components/custom/Index/announcements.vue b/app/components/custom/Index/announcements.vue
similarity index 93%
rename from components/custom/Index/announcements.vue
rename to app/components/custom/Index/announcements.vue
index e02928e7..5d9effa7 100644
--- a/components/custom/Index/announcements.vue
+++ b/app/components/custom/Index/announcements.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Announcements } from '~/types/payloadcms/announcements'
+import type { Announcements } from '@@/types/payloadcms/announcements'
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'
 
 const { data, suspense } = useQuery<Announcements>({
diff --git a/components/custom/Nav/icon/Icon.vue b/app/components/custom/Nav/icon/Icon.vue
similarity index 100%
rename from components/custom/Nav/icon/Icon.vue
rename to app/components/custom/Nav/icon/Icon.vue
diff --git a/components/custom/Nav/user/User.vue b/app/components/custom/Nav/user/User.vue
similarity index 100%
rename from components/custom/Nav/user/User.vue
rename to app/components/custom/Nav/user/User.vue
diff --git a/components/custom/club-card.vue b/app/components/custom/club-card.vue
similarity index 98%
rename from components/custom/club-card.vue
rename to app/components/custom/club-card.vue
index c1ac9586..2bd91780 100644
--- a/components/custom/club-card.vue
+++ b/app/components/custom/club-card.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
+import type { Club } from '@@/types/clubs'
 import type { PropType } from 'vue'
-import type { Club } from '~/types/clubs'
 import Badge from '@/components/ui/badge/Badge.vue'
 import { Button } from '@/components/ui/button'
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card'
diff --git a/components/custom/enum2str.ts b/app/components/custom/enum2str.ts
similarity index 100%
rename from components/custom/enum2str.ts
rename to app/components/custom/enum2str.ts
diff --git a/components/custom/sidebar.vue b/app/components/custom/sidebar.vue
similarity index 91%
rename from components/custom/sidebar.vue
rename to app/components/custom/sidebar.vue
index 50e072d3..16bf0d32 100644
--- a/components/custom/sidebar.vue
+++ b/app/components/custom/sidebar.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { AllClubs } from '~/types/api/user/all_clubs'
+import type { AllClubs } from '@@/types/api/user/all_clubs'
 import { Button } from '@/components/ui/button'
 import { cn } from '@/lib/utils'
 
@@ -72,36 +72,36 @@ if (clubs.value) {
         </h2>
         <div class="mt-2">
           <NuxtLink v-if="isPresidentOrVicePresident" to="/manage/reservation">
-            <Button :variant="route.name === 'manage-reservation' ? 'secondary' : 'ghost'" class="w-full justify-start mt-1">
+            <Button :variant="route.name === 'manage-reservation' ? 'secondary' : 'ghost'" class="mt-1 w-full justify-start">
               <Icon class="mr-2 h-4 w-4" name="material-symbols:calendar-today-outline" />
               预约教室
             </Button>
           </NuxtLink>
           <NuxtLink to="/manage/manage">
-            <Button v-if="isPresidentOrVicePresident" :variant="route.name === 'manage-manage' ? 'secondary' : 'ghost'" class="w-full justify-start mt-1">
+            <Button v-if="isPresidentOrVicePresident" :variant="route.name === 'manage-manage' ? 'secondary' : 'ghost'" class="mt-1 w-full justify-start">
               <Icon class="mr-2 h-4 w-4" name="material-symbols:calendar-today-outline" />
               管理预约
             </Button>
           </NuxtLink>
           <NuxtLink to="/manage/statuses">
-            <Button :variant="route.name === 'manage-statuses' ? 'secondary' : 'ghost'" class="w-full justify-start mt-1">
+            <Button :variant="route.name === 'manage-statuses' ? 'secondary' : 'ghost'" class="mt-1 w-full justify-start">
               <Icon class="mr-2 h-4 w-4" name="material-symbols:calendar-today-outline" />
               教室状态
             </Button>
           </NuxtLink>
           <NuxtLink to="/manage/record">
-            <Button :variant="route.name === 'manage-record' ? 'secondary' : 'ghost'" class="w-full justify-start mt-1">
+            <Button :variant="route.name === 'manage-record' ? 'secondary' : 'ghost'" class="mt-1 w-full justify-start">
               <Icon class="mr-2 h-4 w-4" name="charm:tick-double" />
               活动签到
             </Button>
           </NuxtLink>
         </div>
       </div>
-      <div class="py-2 px-3">
+      <div class="px-3 py-2">
         <h2 class="relative px-4 text-lg font-semibold tracking-tight">
           信息
         </h2>
-        <div class="space-y-1 mt-2">
+        <div class="mt-2 space-y-1">
           <NuxtLink to="/about">
             <Button :variant="route.name === 'about' ? 'secondary' : 'ghost'" class="w-full justify-start">
               <Icon class="mr-2 h-4 w-4" name="material-symbols:info-outline" />
diff --git a/components/ui/alert-dialog/AlertDialog.vue b/app/components/ui/alert-dialog/AlertDialog.vue
similarity index 100%
rename from components/ui/alert-dialog/AlertDialog.vue
rename to app/components/ui/alert-dialog/AlertDialog.vue
diff --git a/components/ui/alert-dialog/AlertDialogAction.vue b/app/components/ui/alert-dialog/AlertDialogAction.vue
similarity index 100%
rename from components/ui/alert-dialog/AlertDialogAction.vue
rename to app/components/ui/alert-dialog/AlertDialogAction.vue
diff --git a/components/ui/alert-dialog/AlertDialogCancel.vue b/app/components/ui/alert-dialog/AlertDialogCancel.vue
similarity index 100%
rename from components/ui/alert-dialog/AlertDialogCancel.vue
rename to app/components/ui/alert-dialog/AlertDialogCancel.vue
diff --git a/components/ui/alert-dialog/AlertDialogContent.vue b/app/components/ui/alert-dialog/AlertDialogContent.vue
similarity index 100%
rename from components/ui/alert-dialog/AlertDialogContent.vue
rename to app/components/ui/alert-dialog/AlertDialogContent.vue
diff --git a/components/ui/alert-dialog/AlertDialogDescription.vue b/app/components/ui/alert-dialog/AlertDialogDescription.vue
similarity index 100%
rename from components/ui/alert-dialog/AlertDialogDescription.vue
rename to app/components/ui/alert-dialog/AlertDialogDescription.vue
diff --git a/components/ui/alert-dialog/AlertDialogFooter.vue b/app/components/ui/alert-dialog/AlertDialogFooter.vue
similarity index 100%
rename from components/ui/alert-dialog/AlertDialogFooter.vue
rename to app/components/ui/alert-dialog/AlertDialogFooter.vue
diff --git a/components/ui/alert-dialog/AlertDialogHeader.vue b/app/components/ui/alert-dialog/AlertDialogHeader.vue
similarity index 100%
rename from components/ui/alert-dialog/AlertDialogHeader.vue
rename to app/components/ui/alert-dialog/AlertDialogHeader.vue
diff --git a/components/ui/alert-dialog/AlertDialogTitle.vue b/app/components/ui/alert-dialog/AlertDialogTitle.vue
similarity index 100%
rename from components/ui/alert-dialog/AlertDialogTitle.vue
rename to app/components/ui/alert-dialog/AlertDialogTitle.vue
diff --git a/components/ui/alert-dialog/AlertDialogTrigger.vue b/app/components/ui/alert-dialog/AlertDialogTrigger.vue
similarity index 100%
rename from components/ui/alert-dialog/AlertDialogTrigger.vue
rename to app/components/ui/alert-dialog/AlertDialogTrigger.vue
diff --git a/app/components/ui/alert-dialog/index.ts b/app/components/ui/alert-dialog/index.ts
new file mode 100644
index 00000000..363ed1a3
--- /dev/null
+++ b/app/components/ui/alert-dialog/index.ts
@@ -0,0 +1,9 @@
+export { default as AlertDialog } from '@/components/ui/alert-dialog/AlertDialog.vue'
+export { default as AlertDialogTrigger } from '@/components/ui/alert-dialog/AlertDialogTrigger.vue'
+export { default as AlertDialogContent } from '@/components/ui/alert-dialog/AlertDialogContent.vue'
+export { default as AlertDialogHeader } from '@/components/ui/alert-dialog/AlertDialogHeader.vue'
+export { default as AlertDialogTitle } from '@/components/ui/alert-dialog/AlertDialogTitle.vue'
+export { default as AlertDialogDescription } from '@/components/ui/alert-dialog/AlertDialogDescription.vue'
+export { default as AlertDialogFooter } from '@/components/ui/alert-dialog/AlertDialogFooter.vue'
+export { default as AlertDialogAction } from '@/components/ui/alert-dialog/AlertDialogAction.vue'
+export { default as AlertDialogCancel } from '@/components/ui/alert-dialog/AlertDialogCancel.vue'
diff --git a/components/ui/alert/Alert.vue b/app/components/ui/alert/Alert.vue
similarity index 100%
rename from components/ui/alert/Alert.vue
rename to app/components/ui/alert/Alert.vue
diff --git a/components/ui/alert/AlertDescription.vue b/app/components/ui/alert/AlertDescription.vue
similarity index 100%
rename from components/ui/alert/AlertDescription.vue
rename to app/components/ui/alert/AlertDescription.vue
diff --git a/components/ui/alert/AlertTitle.vue b/app/components/ui/alert/AlertTitle.vue
similarity index 100%
rename from components/ui/alert/AlertTitle.vue
rename to app/components/ui/alert/AlertTitle.vue
diff --git a/components/ui/alert/index.ts b/app/components/ui/alert/index.ts
similarity index 72%
rename from components/ui/alert/index.ts
rename to app/components/ui/alert/index.ts
index 1ef58723..e864e9f1 100644
--- a/components/ui/alert/index.ts
+++ b/app/components/ui/alert/index.ts
@@ -1,8 +1,8 @@
 import { type VariantProps, cva } from 'class-variance-authority'
 
-export { default as Alert } from './Alert.vue'
-export { default as AlertTitle } from './AlertTitle.vue'
-export { default as AlertDescription } from './AlertDescription.vue'
+export { default as Alert } from '@/components/ui/alert/Alert.vue'
+export { default as AlertTitle } from '@/components/ui/alert/AlertTitle.vue'
+export { default as AlertDescription } from '@/components/ui/alert/AlertDescription.vue'
 
 export const alertVariants = cva(
   'relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7',
diff --git a/components/ui/avatar/Avatar.vue b/app/components/ui/avatar/Avatar.vue
similarity index 100%
rename from components/ui/avatar/Avatar.vue
rename to app/components/ui/avatar/Avatar.vue
diff --git a/components/ui/avatar/AvatarFallback.vue b/app/components/ui/avatar/AvatarFallback.vue
similarity index 100%
rename from components/ui/avatar/AvatarFallback.vue
rename to app/components/ui/avatar/AvatarFallback.vue
diff --git a/components/ui/avatar/AvatarImage.vue b/app/components/ui/avatar/AvatarImage.vue
similarity index 100%
rename from components/ui/avatar/AvatarImage.vue
rename to app/components/ui/avatar/AvatarImage.vue
diff --git a/components/ui/avatar/index.ts b/app/components/ui/avatar/index.ts
similarity index 65%
rename from components/ui/avatar/index.ts
rename to app/components/ui/avatar/index.ts
index 147e9d2a..117beaff 100644
--- a/components/ui/avatar/index.ts
+++ b/app/components/ui/avatar/index.ts
@@ -1,8 +1,8 @@
 import { cva } from 'class-variance-authority'
 
-export { default as Avatar } from './Avatar.vue'
-export { default as AvatarImage } from './AvatarImage.vue'
-export { default as AvatarFallback } from './AvatarFallback.vue'
+export { default as Avatar } from '@/components/ui/avatar/Avatar.vue'
+export { default as AvatarImage } from '@/components/ui/avatar/AvatarImage.vue'
+export { default as AvatarFallback } from '@/components/ui/avatar/AvatarFallback.vue'
 
 export const avatarVariant = cva(
   'inline-flex items-center justify-center font-normal text-foreground select-none shrink-0 bg-muted overflow-hidden',
diff --git a/components/ui/badge/Badge.vue b/app/components/ui/badge/Badge.vue
similarity index 100%
rename from components/ui/badge/Badge.vue
rename to app/components/ui/badge/Badge.vue
diff --git a/components/ui/badge/index.ts b/app/components/ui/badge/index.ts
similarity index 92%
rename from components/ui/badge/index.ts
rename to app/components/ui/badge/index.ts
index 20eda06a..ee0e1765 100644
--- a/components/ui/badge/index.ts
+++ b/app/components/ui/badge/index.ts
@@ -1,6 +1,6 @@
 import { type VariantProps, cva } from 'class-variance-authority'
 
-export { default as Badge } from './Badge.vue'
+export { default as Badge } from '@/components/ui/badge/Badge.vue'
 
 export const badgeVariants = cva(
   'inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
diff --git a/components/ui/button/Button.vue b/app/components/ui/button/Button.vue
similarity index 100%
rename from components/ui/button/Button.vue
rename to app/components/ui/button/Button.vue
diff --git a/components/ui/button/index.ts b/app/components/ui/button/index.ts
similarity index 94%
rename from components/ui/button/index.ts
rename to app/components/ui/button/index.ts
index 56d4167a..a621d53a 100644
--- a/components/ui/button/index.ts
+++ b/app/components/ui/button/index.ts
@@ -1,6 +1,6 @@
 import { cva } from 'class-variance-authority'
 
-export { default as Button } from './Button.vue'
+export { default as Button } from '@/components/ui/button/Button.vue'
 
 export const buttonVariants = cva(
   'inline-flex items-center justify-center rounded-md whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',
diff --git a/components/ui/calendar/Calendar.vue b/app/components/ui/calendar/Calendar.vue
similarity index 100%
rename from components/ui/calendar/Calendar.vue
rename to app/components/ui/calendar/Calendar.vue
diff --git a/components/ui/calendar/CalendarCell.vue b/app/components/ui/calendar/CalendarCell.vue
similarity index 100%
rename from components/ui/calendar/CalendarCell.vue
rename to app/components/ui/calendar/CalendarCell.vue
diff --git a/components/ui/calendar/CalendarCellTrigger.vue b/app/components/ui/calendar/CalendarCellTrigger.vue
similarity index 100%
rename from components/ui/calendar/CalendarCellTrigger.vue
rename to app/components/ui/calendar/CalendarCellTrigger.vue
diff --git a/components/ui/calendar/CalendarGrid.vue b/app/components/ui/calendar/CalendarGrid.vue
similarity index 100%
rename from components/ui/calendar/CalendarGrid.vue
rename to app/components/ui/calendar/CalendarGrid.vue
diff --git a/components/ui/calendar/CalendarGridBody.vue b/app/components/ui/calendar/CalendarGridBody.vue
similarity index 100%
rename from components/ui/calendar/CalendarGridBody.vue
rename to app/components/ui/calendar/CalendarGridBody.vue
diff --git a/components/ui/calendar/CalendarGridHead.vue b/app/components/ui/calendar/CalendarGridHead.vue
similarity index 100%
rename from components/ui/calendar/CalendarGridHead.vue
rename to app/components/ui/calendar/CalendarGridHead.vue
diff --git a/components/ui/calendar/CalendarGridRow.vue b/app/components/ui/calendar/CalendarGridRow.vue
similarity index 100%
rename from components/ui/calendar/CalendarGridRow.vue
rename to app/components/ui/calendar/CalendarGridRow.vue
diff --git a/components/ui/calendar/CalendarHeadCell.vue b/app/components/ui/calendar/CalendarHeadCell.vue
similarity index 100%
rename from components/ui/calendar/CalendarHeadCell.vue
rename to app/components/ui/calendar/CalendarHeadCell.vue
diff --git a/components/ui/calendar/CalendarHeader.vue b/app/components/ui/calendar/CalendarHeader.vue
similarity index 100%
rename from components/ui/calendar/CalendarHeader.vue
rename to app/components/ui/calendar/CalendarHeader.vue
diff --git a/components/ui/calendar/CalendarHeading.vue b/app/components/ui/calendar/CalendarHeading.vue
similarity index 100%
rename from components/ui/calendar/CalendarHeading.vue
rename to app/components/ui/calendar/CalendarHeading.vue
diff --git a/components/ui/calendar/CalendarNextButton.vue b/app/components/ui/calendar/CalendarNextButton.vue
similarity index 100%
rename from components/ui/calendar/CalendarNextButton.vue
rename to app/components/ui/calendar/CalendarNextButton.vue
diff --git a/components/ui/calendar/CalendarPrevButton.vue b/app/components/ui/calendar/CalendarPrevButton.vue
similarity index 100%
rename from components/ui/calendar/CalendarPrevButton.vue
rename to app/components/ui/calendar/CalendarPrevButton.vue
diff --git a/app/components/ui/calendar/index.ts b/app/components/ui/calendar/index.ts
new file mode 100644
index 00000000..cb7278e4
--- /dev/null
+++ b/app/components/ui/calendar/index.ts
@@ -0,0 +1,12 @@
+export { default as Calendar } from '@/components/ui/calendar/Calendar.vue'
+export { default as CalendarCell } from '@/components/ui/calendar/CalendarCell.vue'
+export { default as CalendarCellTrigger } from '@/components/ui/calendar/CalendarCellTrigger.vue'
+export { default as CalendarGrid } from '@/components/ui/calendar/CalendarGrid.vue'
+export { default as CalendarGridBody } from '@/components/ui/calendar/CalendarGridBody.vue'
+export { default as CalendarGridHead } from '@/components/ui/calendar/CalendarGridHead.vue'
+export { default as CalendarGridRow } from '@/components/ui/calendar/CalendarGridRow.vue'
+export { default as CalendarHeadCell } from '@/components/ui/calendar/CalendarHeadCell.vue'
+export { default as CalendarHeader } from '@/components/ui/calendar/CalendarHeader.vue'
+export { default as CalendarHeading } from '@/components/ui/calendar/CalendarHeading.vue'
+export { default as CalendarNextButton } from '@/components/ui/calendar/CalendarNextButton.vue'
+export { default as CalendarPrevButton } from '@/components/ui/calendar/CalendarPrevButton.vue'
diff --git a/components/ui/card/Card.vue b/app/components/ui/card/Card.vue
similarity index 100%
rename from components/ui/card/Card.vue
rename to app/components/ui/card/Card.vue
diff --git a/components/ui/card/CardContent.vue b/app/components/ui/card/CardContent.vue
similarity index 100%
rename from components/ui/card/CardContent.vue
rename to app/components/ui/card/CardContent.vue
diff --git a/components/ui/card/CardDescription.vue b/app/components/ui/card/CardDescription.vue
similarity index 100%
rename from components/ui/card/CardDescription.vue
rename to app/components/ui/card/CardDescription.vue
diff --git a/components/ui/card/CardFooter.vue b/app/components/ui/card/CardFooter.vue
similarity index 100%
rename from components/ui/card/CardFooter.vue
rename to app/components/ui/card/CardFooter.vue
diff --git a/components/ui/card/CardHeader.vue b/app/components/ui/card/CardHeader.vue
similarity index 100%
rename from components/ui/card/CardHeader.vue
rename to app/components/ui/card/CardHeader.vue
diff --git a/components/ui/card/CardTitle.vue b/app/components/ui/card/CardTitle.vue
similarity index 100%
rename from components/ui/card/CardTitle.vue
rename to app/components/ui/card/CardTitle.vue
diff --git a/app/components/ui/card/index.ts b/app/components/ui/card/index.ts
new file mode 100644
index 00000000..9bb9dfc9
--- /dev/null
+++ b/app/components/ui/card/index.ts
@@ -0,0 +1,6 @@
+export { default as Card } from '@/components/ui/card/Card.vue'
+export { default as CardHeader } from '@/components/ui/card/CardHeader.vue'
+export { default as CardTitle } from '@/components/ui/card/CardTitle.vue'
+export { default as CardDescription } from '@/components/ui/card/CardDescription.vue'
+export { default as CardContent } from '@/components/ui/card/CardContent.vue'
+export { default as CardFooter } from '@/components/ui/card/CardFooter.vue'
diff --git a/components/ui/chart-donut/DonutChart.vue b/app/components/ui/chart-donut/DonutChart.vue
similarity index 98%
rename from components/ui/chart-donut/DonutChart.vue
rename to app/components/ui/chart-donut/DonutChart.vue
index 8881e9eb..be224229 100644
--- a/components/ui/chart-donut/DonutChart.vue
+++ b/app/components/ui/chart-donut/DonutChart.vue
@@ -4,7 +4,7 @@ import { Donut } from '@unovis/ts'
 import { type Component, computed, ref } from 'vue'
 import { useMounted } from '@vueuse/core'
 import type { BaseChartProps } from '.'
-import { ChartSingleTooltip, defaultColors } from '~/components/ui/chart'
+import { ChartSingleTooltip, defaultColors } from '@/components/ui/chart'
 import { cn } from '@/lib/utils'
 
 const props = withDefaults(defineProps<Pick<BaseChartProps<T>, 'data' | 'colors' | 'index' | 'margin' | 'showLegend' | 'showTooltip' | 'filterOpacity'> & {
diff --git a/components/ui/chart-donut/index.ts b/app/components/ui/chart-donut/index.ts
similarity index 90%
rename from components/ui/chart-donut/index.ts
rename to app/components/ui/chart-donut/index.ts
index 9111a1f2..7f52f101 100644
--- a/components/ui/chart-donut/index.ts
+++ b/app/components/ui/chart-donut/index.ts
@@ -1,4 +1,4 @@
-export { default as DonutChart } from './DonutChart.vue'
+export { default as DonutChart } from '@/components/ui/chart-donut/DonutChart.vue'
 
 import type { Spacing } from '@unovis/ts'
 
diff --git a/components/ui/chart/ChartCrosshair.vue b/app/components/ui/chart/ChartCrosshair.vue
similarity index 100%
rename from components/ui/chart/ChartCrosshair.vue
rename to app/components/ui/chart/ChartCrosshair.vue
diff --git a/components/ui/chart/ChartLegend.vue b/app/components/ui/chart/ChartLegend.vue
similarity index 96%
rename from components/ui/chart/ChartLegend.vue
rename to app/components/ui/chart/ChartLegend.vue
index 30613814..b91b7c76 100644
--- a/components/ui/chart/ChartLegend.vue
+++ b/app/components/ui/chart/ChartLegend.vue
@@ -3,7 +3,7 @@ import { VisBulletLegend } from '@unovis/vue'
 import type { BulletLegendItemInterface } from '@unovis/ts'
 import { BulletLegend } from '@unovis/ts'
 import { nextTick, onMounted, ref } from 'vue'
-import { buttonVariants } from '~/components/ui/button'
+import { buttonVariants } from '@/components/ui/button'
 
 const props = withDefaults(defineProps<{ items: BulletLegendItemInterface[] }>(), {
   items: () => [],
diff --git a/components/ui/chart/ChartSingleTooltip.vue b/app/components/ui/chart/ChartSingleTooltip.vue
similarity index 100%
rename from components/ui/chart/ChartSingleTooltip.vue
rename to app/components/ui/chart/ChartSingleTooltip.vue
diff --git a/components/ui/chart/ChartTooltip.vue b/app/components/ui/chart/ChartTooltip.vue
similarity index 94%
rename from components/ui/chart/ChartTooltip.vue
rename to app/components/ui/chart/ChartTooltip.vue
index a74fd94d..a20c80c0 100644
--- a/components/ui/chart/ChartTooltip.vue
+++ b/app/components/ui/chart/ChartTooltip.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Card, CardContent, CardHeader, CardTitle } from '~/components/ui/card'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 
 defineProps<{
   title?: string
diff --git a/components/ui/chart/index.ts b/app/components/ui/chart/index.ts
similarity index 59%
rename from components/ui/chart/index.ts
rename to app/components/ui/chart/index.ts
index e2d64c17..764a2ef7 100644
--- a/components/ui/chart/index.ts
+++ b/app/components/ui/chart/index.ts
@@ -1,7 +1,7 @@
-export { default as ChartTooltip } from './ChartTooltip.vue'
-export { default as ChartSingleTooltip } from './ChartSingleTooltip.vue'
-export { default as ChartLegend } from './ChartLegend.vue'
-export { default as ChartCrosshair } from './ChartCrosshair.vue'
+export { default as ChartTooltip } from '@/components/ui/chart/ChartTooltip.vue'
+export { default as ChartSingleTooltip } from '@/components/ui/chart/ChartSingleTooltip.vue'
+export { default as ChartLegend } from '@/components/ui/chart/ChartLegend.vue'
+export { default as ChartCrosshair } from '@/components/ui/chart/ChartCrosshair.vue'
 
 export function defaultColors(count: number = 3) {
   const quotient = Math.floor(count / 2)
diff --git a/components/ui/chart/interface.ts b/app/components/ui/chart/interface.ts
similarity index 100%
rename from components/ui/chart/interface.ts
rename to app/components/ui/chart/interface.ts
diff --git a/components/ui/checkbox/Checkbox.vue b/app/components/ui/checkbox/Checkbox.vue
similarity index 100%
rename from components/ui/checkbox/Checkbox.vue
rename to app/components/ui/checkbox/Checkbox.vue
diff --git a/app/components/ui/checkbox/index.ts b/app/components/ui/checkbox/index.ts
new file mode 100644
index 00000000..b25d51c3
--- /dev/null
+++ b/app/components/ui/checkbox/index.ts
@@ -0,0 +1 @@
+export { default as Checkbox } from '@/components/ui/checkbox/Checkbox.vue'
diff --git a/components/ui/command/Command.vue b/app/components/ui/command/Command.vue
similarity index 100%
rename from components/ui/command/Command.vue
rename to app/components/ui/command/Command.vue
diff --git a/components/ui/command/CommandDialog.vue b/app/components/ui/command/CommandDialog.vue
similarity index 100%
rename from components/ui/command/CommandDialog.vue
rename to app/components/ui/command/CommandDialog.vue
diff --git a/components/ui/command/CommandEmpty.vue b/app/components/ui/command/CommandEmpty.vue
similarity index 100%
rename from components/ui/command/CommandEmpty.vue
rename to app/components/ui/command/CommandEmpty.vue
diff --git a/components/ui/command/CommandGroup.vue b/app/components/ui/command/CommandGroup.vue
similarity index 100%
rename from components/ui/command/CommandGroup.vue
rename to app/components/ui/command/CommandGroup.vue
diff --git a/components/ui/command/CommandInput.vue b/app/components/ui/command/CommandInput.vue
similarity index 100%
rename from components/ui/command/CommandInput.vue
rename to app/components/ui/command/CommandInput.vue
diff --git a/components/ui/command/CommandItem.vue b/app/components/ui/command/CommandItem.vue
similarity index 100%
rename from components/ui/command/CommandItem.vue
rename to app/components/ui/command/CommandItem.vue
diff --git a/components/ui/command/CommandList.vue b/app/components/ui/command/CommandList.vue
similarity index 100%
rename from components/ui/command/CommandList.vue
rename to app/components/ui/command/CommandList.vue
diff --git a/components/ui/command/CommandSeparator.vue b/app/components/ui/command/CommandSeparator.vue
similarity index 100%
rename from components/ui/command/CommandSeparator.vue
rename to app/components/ui/command/CommandSeparator.vue
diff --git a/components/ui/command/CommandShortcut.vue b/app/components/ui/command/CommandShortcut.vue
similarity index 100%
rename from components/ui/command/CommandShortcut.vue
rename to app/components/ui/command/CommandShortcut.vue
diff --git a/app/components/ui/command/index.ts b/app/components/ui/command/index.ts
new file mode 100644
index 00000000..0c64e556
--- /dev/null
+++ b/app/components/ui/command/index.ts
@@ -0,0 +1,9 @@
+export { default as Command } from '@/components/ui/command/Command.vue'
+export { default as CommandDialog } from '@/components/ui/command/CommandDialog.vue'
+export { default as CommandEmpty } from '@/components/ui/command/CommandEmpty.vue'
+export { default as CommandGroup } from '@/components/ui/command/CommandGroup.vue'
+export { default as CommandInput } from '@/components/ui/command/CommandInput.vue'
+export { default as CommandItem } from '@/components/ui/command/CommandItem.vue'
+export { default as CommandList } from '@/components/ui/command/CommandList.vue'
+export { default as CommandSeparator } from '@/components/ui/command/CommandSeparator.vue'
+export { default as CommandShortcut } from '@/components/ui/command/CommandShortcut.vue'
diff --git a/components/ui/dialog/Dialog.vue b/app/components/ui/dialog/Dialog.vue
similarity index 100%
rename from components/ui/dialog/Dialog.vue
rename to app/components/ui/dialog/Dialog.vue
diff --git a/components/ui/dialog/DialogClose.vue b/app/components/ui/dialog/DialogClose.vue
similarity index 100%
rename from components/ui/dialog/DialogClose.vue
rename to app/components/ui/dialog/DialogClose.vue
diff --git a/components/ui/dialog/DialogContent.vue b/app/components/ui/dialog/DialogContent.vue
similarity index 100%
rename from components/ui/dialog/DialogContent.vue
rename to app/components/ui/dialog/DialogContent.vue
diff --git a/components/ui/dialog/DialogDescription.vue b/app/components/ui/dialog/DialogDescription.vue
similarity index 100%
rename from components/ui/dialog/DialogDescription.vue
rename to app/components/ui/dialog/DialogDescription.vue
diff --git a/components/ui/dialog/DialogFooter.vue b/app/components/ui/dialog/DialogFooter.vue
similarity index 100%
rename from components/ui/dialog/DialogFooter.vue
rename to app/components/ui/dialog/DialogFooter.vue
diff --git a/components/ui/dialog/DialogHeader.vue b/app/components/ui/dialog/DialogHeader.vue
similarity index 100%
rename from components/ui/dialog/DialogHeader.vue
rename to app/components/ui/dialog/DialogHeader.vue
diff --git a/components/ui/dialog/DialogScrollContent.vue b/app/components/ui/dialog/DialogScrollContent.vue
similarity index 100%
rename from components/ui/dialog/DialogScrollContent.vue
rename to app/components/ui/dialog/DialogScrollContent.vue
diff --git a/components/ui/dialog/DialogTitle.vue b/app/components/ui/dialog/DialogTitle.vue
similarity index 100%
rename from components/ui/dialog/DialogTitle.vue
rename to app/components/ui/dialog/DialogTitle.vue
diff --git a/components/ui/dialog/DialogTrigger.vue b/app/components/ui/dialog/DialogTrigger.vue
similarity index 100%
rename from components/ui/dialog/DialogTrigger.vue
rename to app/components/ui/dialog/DialogTrigger.vue
diff --git a/app/components/ui/dialog/index.ts b/app/components/ui/dialog/index.ts
new file mode 100644
index 00000000..21c9dc9b
--- /dev/null
+++ b/app/components/ui/dialog/index.ts
@@ -0,0 +1,9 @@
+export { default as Dialog } from '@/components/ui/dialog/Dialog.vue'
+export { default as DialogClose } from '@/components/ui/dialog/DialogClose.vue'
+export { default as DialogTrigger } from '@/components/ui/dialog/DialogTrigger.vue'
+export { default as DialogHeader } from '@/components/ui/dialog/DialogHeader.vue'
+export { default as DialogTitle } from '@/components/ui/dialog/DialogTitle.vue'
+export { default as DialogDescription } from '@/components/ui/dialog/DialogDescription.vue'
+export { default as DialogContent } from '@/components/ui/dialog/DialogContent.vue'
+export { default as DialogScrollContent } from '@/components/ui/dialog/DialogScrollContent.vue'
+export { default as DialogFooter } from '@/components/ui/dialog/DialogFooter.vue'
diff --git a/components/ui/dropdown-menu/DropdownMenu.vue b/app/components/ui/dropdown-menu/DropdownMenu.vue
similarity index 100%
rename from components/ui/dropdown-menu/DropdownMenu.vue
rename to app/components/ui/dropdown-menu/DropdownMenu.vue
diff --git a/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue b/app/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
similarity index 100%
rename from components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
rename to app/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
diff --git a/components/ui/dropdown-menu/DropdownMenuContent.vue b/app/components/ui/dropdown-menu/DropdownMenuContent.vue
similarity index 100%
rename from components/ui/dropdown-menu/DropdownMenuContent.vue
rename to app/components/ui/dropdown-menu/DropdownMenuContent.vue
diff --git a/components/ui/dropdown-menu/DropdownMenuGroup.vue b/app/components/ui/dropdown-menu/DropdownMenuGroup.vue
similarity index 100%
rename from components/ui/dropdown-menu/DropdownMenuGroup.vue
rename to app/components/ui/dropdown-menu/DropdownMenuGroup.vue
diff --git a/components/ui/dropdown-menu/DropdownMenuItem.vue b/app/components/ui/dropdown-menu/DropdownMenuItem.vue
similarity index 100%
rename from components/ui/dropdown-menu/DropdownMenuItem.vue
rename to app/components/ui/dropdown-menu/DropdownMenuItem.vue
diff --git a/components/ui/dropdown-menu/DropdownMenuLabel.vue b/app/components/ui/dropdown-menu/DropdownMenuLabel.vue
similarity index 100%
rename from components/ui/dropdown-menu/DropdownMenuLabel.vue
rename to app/components/ui/dropdown-menu/DropdownMenuLabel.vue
diff --git a/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue b/app/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
similarity index 100%
rename from components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
rename to app/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
diff --git a/components/ui/dropdown-menu/DropdownMenuRadioItem.vue b/app/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
similarity index 100%
rename from components/ui/dropdown-menu/DropdownMenuRadioItem.vue
rename to app/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
diff --git a/components/ui/dropdown-menu/DropdownMenuSeparator.vue b/app/components/ui/dropdown-menu/DropdownMenuSeparator.vue
similarity index 100%
rename from components/ui/dropdown-menu/DropdownMenuSeparator.vue
rename to app/components/ui/dropdown-menu/DropdownMenuSeparator.vue
diff --git a/components/ui/dropdown-menu/DropdownMenuShortcut.vue b/app/components/ui/dropdown-menu/DropdownMenuShortcut.vue
similarity index 100%
rename from components/ui/dropdown-menu/DropdownMenuShortcut.vue
rename to app/components/ui/dropdown-menu/DropdownMenuShortcut.vue
diff --git a/components/ui/dropdown-menu/DropdownMenuSub.vue b/app/components/ui/dropdown-menu/DropdownMenuSub.vue
similarity index 100%
rename from components/ui/dropdown-menu/DropdownMenuSub.vue
rename to app/components/ui/dropdown-menu/DropdownMenuSub.vue
diff --git a/components/ui/dropdown-menu/DropdownMenuSubContent.vue b/app/components/ui/dropdown-menu/DropdownMenuSubContent.vue
similarity index 100%
rename from components/ui/dropdown-menu/DropdownMenuSubContent.vue
rename to app/components/ui/dropdown-menu/DropdownMenuSubContent.vue
diff --git a/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue b/app/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
similarity index 100%
rename from components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
rename to app/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
diff --git a/components/ui/dropdown-menu/DropdownMenuTrigger.vue b/app/components/ui/dropdown-menu/DropdownMenuTrigger.vue
similarity index 100%
rename from components/ui/dropdown-menu/DropdownMenuTrigger.vue
rename to app/components/ui/dropdown-menu/DropdownMenuTrigger.vue
diff --git a/app/components/ui/dropdown-menu/index.ts b/app/components/ui/dropdown-menu/index.ts
new file mode 100644
index 00000000..66a4c065
--- /dev/null
+++ b/app/components/ui/dropdown-menu/index.ts
@@ -0,0 +1,16 @@
+export { DropdownMenuPortal } from 'radix-vue'
+
+export { default as DropdownMenu } from '@/components/ui/dropdown-menu/DropdownMenu.vue'
+export { default as DropdownMenuTrigger } from '@/components/ui/dropdown-menu/DropdownMenuTrigger.vue'
+export { default as DropdownMenuContent } from '@/components/ui/dropdown-menu/DropdownMenuContent.vue'
+export { default as DropdownMenuGroup } from '@/components/ui/dropdown-menu/DropdownMenuGroup.vue'
+export { default as DropdownMenuRadioGroup } from '@/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue'
+export { default as DropdownMenuItem } from '@/components/ui/dropdown-menu/DropdownMenuItem.vue'
+export { default as DropdownMenuCheckboxItem } from '@/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue'
+export { default as DropdownMenuRadioItem } from '@/components/ui/dropdown-menu/DropdownMenuRadioItem.vue'
+export { default as DropdownMenuShortcut } from '@/components/ui/dropdown-menu/DropdownMenuShortcut.vue'
+export { default as DropdownMenuSeparator } from '@/components/ui/dropdown-menu/DropdownMenuSeparator.vue'
+export { default as DropdownMenuLabel } from '@/components/ui/dropdown-menu/DropdownMenuLabel.vue'
+export { default as DropdownMenuSub } from '@/components/ui/dropdown-menu/DropdownMenuSub.vue'
+export { default as DropdownMenuSubTrigger } from '@/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue'
+export { default as DropdownMenuSubContent } from '@/components/ui/dropdown-menu/DropdownMenuSubContent.vue'
diff --git a/components/ui/form/FormControl.vue b/app/components/ui/form/FormControl.vue
similarity index 100%
rename from components/ui/form/FormControl.vue
rename to app/components/ui/form/FormControl.vue
diff --git a/components/ui/form/FormDescription.vue b/app/components/ui/form/FormDescription.vue
similarity index 100%
rename from components/ui/form/FormDescription.vue
rename to app/components/ui/form/FormDescription.vue
diff --git a/components/ui/form/FormItem.vue b/app/components/ui/form/FormItem.vue
similarity index 100%
rename from components/ui/form/FormItem.vue
rename to app/components/ui/form/FormItem.vue
diff --git a/components/ui/form/FormLabel.vue b/app/components/ui/form/FormLabel.vue
similarity index 100%
rename from components/ui/form/FormLabel.vue
rename to app/components/ui/form/FormLabel.vue
diff --git a/components/ui/form/FormMessage.vue b/app/components/ui/form/FormMessage.vue
similarity index 100%
rename from components/ui/form/FormMessage.vue
rename to app/components/ui/form/FormMessage.vue
diff --git a/app/components/ui/form/index.ts b/app/components/ui/form/index.ts
new file mode 100644
index 00000000..676da1dc
--- /dev/null
+++ b/app/components/ui/form/index.ts
@@ -0,0 +1,7 @@
+export { default as FormControl } from '@/components/ui/form/FormControl.vue'
+export { default as FormDescription } from '@/components/ui/form/FormDescription.vue'
+export { default as FormItem } from '@/components/ui/form/FormItem.vue'
+export { default as FormLabel } from '@/components/ui/form/FormLabel.vue'
+export { default as FormMessage } from '@/components/ui/form/FormMessage.vue'
+export { FORM_ITEM_INJECTION_KEY } from './injectionKeys'
+export { Field as FormField, Form } from 'vee-validate'
diff --git a/components/ui/form/injectionKeys.ts b/app/components/ui/form/injectionKeys.ts
similarity index 100%
rename from components/ui/form/injectionKeys.ts
rename to app/components/ui/form/injectionKeys.ts
diff --git a/components/ui/form/useFormField.ts b/app/components/ui/form/useFormField.ts
similarity index 100%
rename from components/ui/form/useFormField.ts
rename to app/components/ui/form/useFormField.ts
diff --git a/components/ui/hover-card/HoverCard.vue b/app/components/ui/hover-card/HoverCard.vue
similarity index 100%
rename from components/ui/hover-card/HoverCard.vue
rename to app/components/ui/hover-card/HoverCard.vue
diff --git a/components/ui/hover-card/HoverCardContent.vue b/app/components/ui/hover-card/HoverCardContent.vue
similarity index 100%
rename from components/ui/hover-card/HoverCardContent.vue
rename to app/components/ui/hover-card/HoverCardContent.vue
diff --git a/components/ui/hover-card/HoverCardTrigger.vue b/app/components/ui/hover-card/HoverCardTrigger.vue
similarity index 100%
rename from components/ui/hover-card/HoverCardTrigger.vue
rename to app/components/ui/hover-card/HoverCardTrigger.vue
diff --git a/app/components/ui/hover-card/index.ts b/app/components/ui/hover-card/index.ts
new file mode 100644
index 00000000..dcf77920
--- /dev/null
+++ b/app/components/ui/hover-card/index.ts
@@ -0,0 +1,3 @@
+export { default as HoverCard } from '@/components/ui/hover-card/HoverCard.vue'
+export { default as HoverCardTrigger } from '@/components/ui/hover-card/HoverCardTrigger.vue'
+export { default as HoverCardContent } from '@/components/ui/hover-card/HoverCardContent.vue'
diff --git a/components/ui/input/Input.vue b/app/components/ui/input/Input.vue
similarity index 100%
rename from components/ui/input/Input.vue
rename to app/components/ui/input/Input.vue
diff --git a/app/components/ui/input/index.ts b/app/components/ui/input/index.ts
new file mode 100644
index 00000000..589a8d79
--- /dev/null
+++ b/app/components/ui/input/index.ts
@@ -0,0 +1 @@
+export { default as Input } from '@/components/ui/input/Input.vue'
diff --git a/components/ui/label/Label.vue b/app/components/ui/label/Label.vue
similarity index 100%
rename from components/ui/label/Label.vue
rename to app/components/ui/label/Label.vue
diff --git a/app/components/ui/label/index.ts b/app/components/ui/label/index.ts
new file mode 100644
index 00000000..d3c5a163
--- /dev/null
+++ b/app/components/ui/label/index.ts
@@ -0,0 +1 @@
+export { default as Label } from '@/components/ui/label/Label.vue'
diff --git a/components/ui/menubar/Menubar.vue b/app/components/ui/menubar/Menubar.vue
similarity index 100%
rename from components/ui/menubar/Menubar.vue
rename to app/components/ui/menubar/Menubar.vue
diff --git a/components/ui/menubar/MenubarCheckboxItem.vue b/app/components/ui/menubar/MenubarCheckboxItem.vue
similarity index 100%
rename from components/ui/menubar/MenubarCheckboxItem.vue
rename to app/components/ui/menubar/MenubarCheckboxItem.vue
diff --git a/components/ui/menubar/MenubarContent.vue b/app/components/ui/menubar/MenubarContent.vue
similarity index 100%
rename from components/ui/menubar/MenubarContent.vue
rename to app/components/ui/menubar/MenubarContent.vue
diff --git a/components/ui/menubar/MenubarGroup.vue b/app/components/ui/menubar/MenubarGroup.vue
similarity index 100%
rename from components/ui/menubar/MenubarGroup.vue
rename to app/components/ui/menubar/MenubarGroup.vue
diff --git a/components/ui/menubar/MenubarItem.vue b/app/components/ui/menubar/MenubarItem.vue
similarity index 100%
rename from components/ui/menubar/MenubarItem.vue
rename to app/components/ui/menubar/MenubarItem.vue
diff --git a/components/ui/menubar/MenubarLabel.vue b/app/components/ui/menubar/MenubarLabel.vue
similarity index 100%
rename from components/ui/menubar/MenubarLabel.vue
rename to app/components/ui/menubar/MenubarLabel.vue
diff --git a/components/ui/menubar/MenubarMenu.vue b/app/components/ui/menubar/MenubarMenu.vue
similarity index 100%
rename from components/ui/menubar/MenubarMenu.vue
rename to app/components/ui/menubar/MenubarMenu.vue
diff --git a/components/ui/menubar/MenubarRadioGroup.vue b/app/components/ui/menubar/MenubarRadioGroup.vue
similarity index 100%
rename from components/ui/menubar/MenubarRadioGroup.vue
rename to app/components/ui/menubar/MenubarRadioGroup.vue
diff --git a/components/ui/menubar/MenubarRadioItem.vue b/app/components/ui/menubar/MenubarRadioItem.vue
similarity index 100%
rename from components/ui/menubar/MenubarRadioItem.vue
rename to app/components/ui/menubar/MenubarRadioItem.vue
diff --git a/components/ui/menubar/MenubarSeparator.vue b/app/components/ui/menubar/MenubarSeparator.vue
similarity index 100%
rename from components/ui/menubar/MenubarSeparator.vue
rename to app/components/ui/menubar/MenubarSeparator.vue
diff --git a/components/ui/menubar/MenubarShortcut.vue b/app/components/ui/menubar/MenubarShortcut.vue
similarity index 100%
rename from components/ui/menubar/MenubarShortcut.vue
rename to app/components/ui/menubar/MenubarShortcut.vue
diff --git a/components/ui/menubar/MenubarSub.vue b/app/components/ui/menubar/MenubarSub.vue
similarity index 100%
rename from components/ui/menubar/MenubarSub.vue
rename to app/components/ui/menubar/MenubarSub.vue
diff --git a/components/ui/menubar/MenubarSubContent.vue b/app/components/ui/menubar/MenubarSubContent.vue
similarity index 100%
rename from components/ui/menubar/MenubarSubContent.vue
rename to app/components/ui/menubar/MenubarSubContent.vue
diff --git a/components/ui/menubar/MenubarSubTrigger.vue b/app/components/ui/menubar/MenubarSubTrigger.vue
similarity index 100%
rename from components/ui/menubar/MenubarSubTrigger.vue
rename to app/components/ui/menubar/MenubarSubTrigger.vue
diff --git a/components/ui/menubar/MenubarTrigger.vue b/app/components/ui/menubar/MenubarTrigger.vue
similarity index 100%
rename from components/ui/menubar/MenubarTrigger.vue
rename to app/components/ui/menubar/MenubarTrigger.vue
diff --git a/app/components/ui/menubar/index.ts b/app/components/ui/menubar/index.ts
new file mode 100644
index 00000000..e33d4911
--- /dev/null
+++ b/app/components/ui/menubar/index.ts
@@ -0,0 +1,15 @@
+export { default as Menubar } from '@/components/ui/menubar/Menubar.vue'
+export { default as MenubarItem } from '@/components/ui/menubar/MenubarItem.vue'
+export { default as MenubarContent } from '@/components/ui/menubar/MenubarContent.vue'
+export { default as MenubarGroup } from '@/components/ui/menubar/MenubarGroup.vue'
+export { default as MenubarMenu } from '@/components/ui/menubar/MenubarMenu.vue'
+export { default as MenubarRadioGroup } from '@/components/ui/menubar/MenubarRadioGroup.vue'
+export { default as MenubarRadioItem } from '@/components/ui/menubar/MenubarRadioItem.vue'
+export { default as MenubarCheckboxItem } from '@/components/ui/menubar/MenubarCheckboxItem.vue'
+export { default as MenubarSeparator } from '@/components/ui/menubar/MenubarSeparator.vue'
+export { default as MenubarSub } from '@/components/ui/menubar/MenubarSub.vue'
+export { default as MenubarSubContent } from '@/components/ui/menubar/MenubarSubContent.vue'
+export { default as MenubarSubTrigger } from '@/components/ui/menubar/MenubarSubTrigger.vue'
+export { default as MenubarTrigger } from '@/components/ui/menubar/MenubarTrigger.vue'
+export { default as MenubarShortcut } from '@/components/ui/menubar/MenubarShortcut.vue'
+export { default as MenubarLabel } from '@/components/ui/menubar/MenubarLabel.vue'
diff --git a/components/ui/multiselect/Multiselect.vue b/app/components/ui/multiselect/Multiselect.vue
similarity index 100%
rename from components/ui/multiselect/Multiselect.vue
rename to app/components/ui/multiselect/Multiselect.vue
diff --git a/app/components/ui/multiselect/index.ts b/app/components/ui/multiselect/index.ts
new file mode 100644
index 00000000..130d2151
--- /dev/null
+++ b/app/components/ui/multiselect/index.ts
@@ -0,0 +1 @@
+export { default as Multiselect } from '@/components/ui/multiselect/Multiselect.vue'
diff --git a/components/ui/number-field/NumberField.vue b/app/components/ui/number-field/NumberField.vue
similarity index 100%
rename from components/ui/number-field/NumberField.vue
rename to app/components/ui/number-field/NumberField.vue
diff --git a/components/ui/number-field/NumberFieldContent.vue b/app/components/ui/number-field/NumberFieldContent.vue
similarity index 100%
rename from components/ui/number-field/NumberFieldContent.vue
rename to app/components/ui/number-field/NumberFieldContent.vue
diff --git a/components/ui/number-field/NumberFieldDecrement.vue b/app/components/ui/number-field/NumberFieldDecrement.vue
similarity index 100%
rename from components/ui/number-field/NumberFieldDecrement.vue
rename to app/components/ui/number-field/NumberFieldDecrement.vue
diff --git a/components/ui/number-field/NumberFieldIncrement.vue b/app/components/ui/number-field/NumberFieldIncrement.vue
similarity index 100%
rename from components/ui/number-field/NumberFieldIncrement.vue
rename to app/components/ui/number-field/NumberFieldIncrement.vue
diff --git a/components/ui/number-field/NumberFieldInput.vue b/app/components/ui/number-field/NumberFieldInput.vue
similarity index 100%
rename from components/ui/number-field/NumberFieldInput.vue
rename to app/components/ui/number-field/NumberFieldInput.vue
diff --git a/app/components/ui/number-field/index.ts b/app/components/ui/number-field/index.ts
new file mode 100644
index 00000000..cfdcf1e5
--- /dev/null
+++ b/app/components/ui/number-field/index.ts
@@ -0,0 +1,5 @@
+export { default as NumberField } from '@/components/ui/number-field/NumberField.vue'
+export { default as NumberFieldInput } from '@/components/ui/number-field/NumberFieldInput.vue'
+export { default as NumberFieldIncrement } from '@/components/ui/number-field/NumberFieldIncrement.vue'
+export { default as NumberFieldDecrement } from '@/components/ui/number-field/NumberFieldDecrement.vue'
+export { default as NumberFieldContent } from '@/components/ui/number-field/NumberFieldContent.vue'
diff --git a/components/ui/popover/Popover.vue b/app/components/ui/popover/Popover.vue
similarity index 100%
rename from components/ui/popover/Popover.vue
rename to app/components/ui/popover/Popover.vue
diff --git a/components/ui/popover/PopoverContent.vue b/app/components/ui/popover/PopoverContent.vue
similarity index 100%
rename from components/ui/popover/PopoverContent.vue
rename to app/components/ui/popover/PopoverContent.vue
diff --git a/components/ui/popover/PopoverTrigger.vue b/app/components/ui/popover/PopoverTrigger.vue
similarity index 100%
rename from components/ui/popover/PopoverTrigger.vue
rename to app/components/ui/popover/PopoverTrigger.vue
diff --git a/app/components/ui/popover/index.ts b/app/components/ui/popover/index.ts
new file mode 100644
index 00000000..40377986
--- /dev/null
+++ b/app/components/ui/popover/index.ts
@@ -0,0 +1,4 @@
+export { PopoverAnchor } from 'radix-vue'
+export { default as Popover } from '@/components/ui/popover/Popover.vue'
+export { default as PopoverTrigger } from '@/components/ui/popover/PopoverTrigger.vue'
+export { default as PopoverContent } from '@/components/ui/popover/PopoverContent.vue'
diff --git a/components/ui/scroll-area/ScrollArea.vue b/app/components/ui/scroll-area/ScrollArea.vue
similarity index 100%
rename from components/ui/scroll-area/ScrollArea.vue
rename to app/components/ui/scroll-area/ScrollArea.vue
diff --git a/components/ui/scroll-area/ScrollBar.vue b/app/components/ui/scroll-area/ScrollBar.vue
similarity index 100%
rename from components/ui/scroll-area/ScrollBar.vue
rename to app/components/ui/scroll-area/ScrollBar.vue
diff --git a/app/components/ui/scroll-area/index.ts b/app/components/ui/scroll-area/index.ts
new file mode 100644
index 00000000..2a13556d
--- /dev/null
+++ b/app/components/ui/scroll-area/index.ts
@@ -0,0 +1,2 @@
+export { default as ScrollArea } from '@/components/ui/scroll-area/ScrollArea.vue'
+export { default as ScrollBar } from '@/components/ui/scroll-area/ScrollBar.vue'
diff --git a/components/ui/select/Select.vue b/app/components/ui/select/Select.vue
similarity index 100%
rename from components/ui/select/Select.vue
rename to app/components/ui/select/Select.vue
diff --git a/components/ui/select/SelectContent.vue b/app/components/ui/select/SelectContent.vue
similarity index 100%
rename from components/ui/select/SelectContent.vue
rename to app/components/ui/select/SelectContent.vue
diff --git a/components/ui/select/SelectGroup.vue b/app/components/ui/select/SelectGroup.vue
similarity index 100%
rename from components/ui/select/SelectGroup.vue
rename to app/components/ui/select/SelectGroup.vue
diff --git a/components/ui/select/SelectItem.vue b/app/components/ui/select/SelectItem.vue
similarity index 100%
rename from components/ui/select/SelectItem.vue
rename to app/components/ui/select/SelectItem.vue
diff --git a/components/ui/select/SelectItemText.vue b/app/components/ui/select/SelectItemText.vue
similarity index 100%
rename from components/ui/select/SelectItemText.vue
rename to app/components/ui/select/SelectItemText.vue
diff --git a/components/ui/select/SelectLabel.vue b/app/components/ui/select/SelectLabel.vue
similarity index 100%
rename from components/ui/select/SelectLabel.vue
rename to app/components/ui/select/SelectLabel.vue
diff --git a/components/ui/select/SelectScrollDownButton.vue b/app/components/ui/select/SelectScrollDownButton.vue
similarity index 100%
rename from components/ui/select/SelectScrollDownButton.vue
rename to app/components/ui/select/SelectScrollDownButton.vue
diff --git a/components/ui/select/SelectScrollUpButton.vue b/app/components/ui/select/SelectScrollUpButton.vue
similarity index 100%
rename from components/ui/select/SelectScrollUpButton.vue
rename to app/components/ui/select/SelectScrollUpButton.vue
diff --git a/components/ui/select/SelectSeparator.vue b/app/components/ui/select/SelectSeparator.vue
similarity index 100%
rename from components/ui/select/SelectSeparator.vue
rename to app/components/ui/select/SelectSeparator.vue
diff --git a/components/ui/select/SelectTrigger.vue b/app/components/ui/select/SelectTrigger.vue
similarity index 100%
rename from components/ui/select/SelectTrigger.vue
rename to app/components/ui/select/SelectTrigger.vue
diff --git a/components/ui/select/SelectValue.vue b/app/components/ui/select/SelectValue.vue
similarity index 100%
rename from components/ui/select/SelectValue.vue
rename to app/components/ui/select/SelectValue.vue
diff --git a/app/components/ui/select/index.ts b/app/components/ui/select/index.ts
new file mode 100644
index 00000000..557f93d4
--- /dev/null
+++ b/app/components/ui/select/index.ts
@@ -0,0 +1,11 @@
+export { default as Select } from '@/components/ui/select/Select.vue'
+export { default as SelectValue } from '@/components/ui/select/SelectValue.vue'
+export { default as SelectTrigger } from '@/components/ui/select/SelectTrigger.vue'
+export { default as SelectContent } from '@/components/ui/select/SelectContent.vue'
+export { default as SelectGroup } from '@/components/ui/select/SelectGroup.vue'
+export { default as SelectItem } from '@/components/ui/select/SelectItem.vue'
+export { default as SelectItemText } from '@/components/ui/select/SelectItemText.vue'
+export { default as SelectLabel } from '@/components/ui/select/SelectLabel.vue'
+export { default as SelectSeparator } from '@/components/ui/select/SelectSeparator.vue'
+export { default as SelectScrollUpButton } from '@/components/ui/select/SelectScrollUpButton.vue'
+export { default as SelectScrollDownButton } from '@/components/ui/select/SelectScrollDownButton.vue'
diff --git a/components/ui/separator/Separator.vue b/app/components/ui/separator/Separator.vue
similarity index 100%
rename from components/ui/separator/Separator.vue
rename to app/components/ui/separator/Separator.vue
diff --git a/app/components/ui/separator/index.ts b/app/components/ui/separator/index.ts
new file mode 100644
index 00000000..7bf320d2
--- /dev/null
+++ b/app/components/ui/separator/index.ts
@@ -0,0 +1 @@
+export { default as Separator } from '@/components/ui/separator/Separator.vue'
diff --git a/components/ui/skeleton/Skeleton.vue b/app/components/ui/skeleton/Skeleton.vue
similarity index 100%
rename from components/ui/skeleton/Skeleton.vue
rename to app/components/ui/skeleton/Skeleton.vue
diff --git a/app/components/ui/skeleton/index.ts b/app/components/ui/skeleton/index.ts
new file mode 100644
index 00000000..8d625c13
--- /dev/null
+++ b/app/components/ui/skeleton/index.ts
@@ -0,0 +1 @@
+export { default as Skeleton } from '@/components/ui/skeleton/Skeleton.vue'
diff --git a/components/ui/switch/Switch.vue b/app/components/ui/switch/Switch.vue
similarity index 100%
rename from components/ui/switch/Switch.vue
rename to app/components/ui/switch/Switch.vue
diff --git a/app/components/ui/switch/index.ts b/app/components/ui/switch/index.ts
new file mode 100644
index 00000000..e7f9ee81
--- /dev/null
+++ b/app/components/ui/switch/index.ts
@@ -0,0 +1 @@
+export { default as Switch } from '@/components/ui/switch/Switch.vue'
diff --git a/components/ui/table/Table.vue b/app/components/ui/table/Table.vue
similarity index 100%
rename from components/ui/table/Table.vue
rename to app/components/ui/table/Table.vue
diff --git a/components/ui/table/TableBody.vue b/app/components/ui/table/TableBody.vue
similarity index 100%
rename from components/ui/table/TableBody.vue
rename to app/components/ui/table/TableBody.vue
diff --git a/components/ui/table/TableCaption.vue b/app/components/ui/table/TableCaption.vue
similarity index 100%
rename from components/ui/table/TableCaption.vue
rename to app/components/ui/table/TableCaption.vue
diff --git a/components/ui/table/TableCell.vue b/app/components/ui/table/TableCell.vue
similarity index 100%
rename from components/ui/table/TableCell.vue
rename to app/components/ui/table/TableCell.vue
diff --git a/components/ui/table/TableEmpty.vue b/app/components/ui/table/TableEmpty.vue
similarity index 100%
rename from components/ui/table/TableEmpty.vue
rename to app/components/ui/table/TableEmpty.vue
diff --git a/components/ui/table/TableFooter.vue b/app/components/ui/table/TableFooter.vue
similarity index 100%
rename from components/ui/table/TableFooter.vue
rename to app/components/ui/table/TableFooter.vue
diff --git a/components/ui/table/TableHead.vue b/app/components/ui/table/TableHead.vue
similarity index 100%
rename from components/ui/table/TableHead.vue
rename to app/components/ui/table/TableHead.vue
diff --git a/components/ui/table/TableHeader.vue b/app/components/ui/table/TableHeader.vue
similarity index 100%
rename from components/ui/table/TableHeader.vue
rename to app/components/ui/table/TableHeader.vue
diff --git a/components/ui/table/TableRow.vue b/app/components/ui/table/TableRow.vue
similarity index 100%
rename from components/ui/table/TableRow.vue
rename to app/components/ui/table/TableRow.vue
diff --git a/app/components/ui/table/index.ts b/app/components/ui/table/index.ts
new file mode 100644
index 00000000..620759c0
--- /dev/null
+++ b/app/components/ui/table/index.ts
@@ -0,0 +1,8 @@
+export { default as Table } from '@/components/ui/table/Table.vue'
+export { default as TableBody } from '@/components/ui/table/TableBody.vue'
+export { default as TableCell } from '@/components/ui/table/TableCell.vue'
+export { default as TableHead } from '@/components/ui/table/TableHead.vue'
+export { default as TableHeader } from '@/components/ui/table/TableHeader.vue'
+export { default as TableRow } from '@/components/ui/table/TableRow.vue'
+export { default as TableCaption } from '@/components/ui/table/TableCaption.vue'
+export { default as TableEmpty } from '@/components/ui/table/TableEmpty.vue'
diff --git a/components/ui/tabs/Tabs.vue b/app/components/ui/tabs/Tabs.vue
similarity index 100%
rename from components/ui/tabs/Tabs.vue
rename to app/components/ui/tabs/Tabs.vue
diff --git a/components/ui/tabs/TabsContent.vue b/app/components/ui/tabs/TabsContent.vue
similarity index 100%
rename from components/ui/tabs/TabsContent.vue
rename to app/components/ui/tabs/TabsContent.vue
diff --git a/components/ui/tabs/TabsList.vue b/app/components/ui/tabs/TabsList.vue
similarity index 100%
rename from components/ui/tabs/TabsList.vue
rename to app/components/ui/tabs/TabsList.vue
diff --git a/components/ui/tabs/TabsTrigger.vue b/app/components/ui/tabs/TabsTrigger.vue
similarity index 100%
rename from components/ui/tabs/TabsTrigger.vue
rename to app/components/ui/tabs/TabsTrigger.vue
diff --git a/app/components/ui/tabs/index.ts b/app/components/ui/tabs/index.ts
new file mode 100644
index 00000000..905260ee
--- /dev/null
+++ b/app/components/ui/tabs/index.ts
@@ -0,0 +1,4 @@
+export { default as Tabs } from '@/components/ui/tabs/Tabs.vue'
+export { default as TabsTrigger } from '@/components/ui/tabs/TabsTrigger.vue'
+export { default as TabsList } from '@/components/ui/tabs/TabsList.vue'
+export { default as TabsContent } from '@/components/ui/tabs/TabsContent.vue'
diff --git a/components/ui/tags-input/TagsInput.vue b/app/components/ui/tags-input/TagsInput.vue
similarity index 100%
rename from components/ui/tags-input/TagsInput.vue
rename to app/components/ui/tags-input/TagsInput.vue
diff --git a/components/ui/tags-input/TagsInputInput.vue b/app/components/ui/tags-input/TagsInputInput.vue
similarity index 100%
rename from components/ui/tags-input/TagsInputInput.vue
rename to app/components/ui/tags-input/TagsInputInput.vue
diff --git a/components/ui/tags-input/TagsInputItem.vue b/app/components/ui/tags-input/TagsInputItem.vue
similarity index 100%
rename from components/ui/tags-input/TagsInputItem.vue
rename to app/components/ui/tags-input/TagsInputItem.vue
diff --git a/components/ui/tags-input/TagsInputItemDelete.vue b/app/components/ui/tags-input/TagsInputItemDelete.vue
similarity index 100%
rename from components/ui/tags-input/TagsInputItemDelete.vue
rename to app/components/ui/tags-input/TagsInputItemDelete.vue
diff --git a/components/ui/tags-input/TagsInputItemText.vue b/app/components/ui/tags-input/TagsInputItemText.vue
similarity index 100%
rename from components/ui/tags-input/TagsInputItemText.vue
rename to app/components/ui/tags-input/TagsInputItemText.vue
diff --git a/app/components/ui/tags-input/index.ts b/app/components/ui/tags-input/index.ts
new file mode 100644
index 00000000..a77899e1
--- /dev/null
+++ b/app/components/ui/tags-input/index.ts
@@ -0,0 +1,5 @@
+export { default as TagsInput } from '@/components/ui/tags-input/TagsInput.vue'
+export { default as TagsInputInput } from '@/components/ui/tags-input/TagsInputInput.vue'
+export { default as TagsInputItem } from '@/components/ui/tags-input/TagsInputItem.vue'
+export { default as TagsInputItemDelete } from '@/components/ui/tags-input/TagsInputItemDelete.vue'
+export { default as TagsInputItemText } from '@/components/ui/tags-input/TagsInputItemText.vue'
diff --git a/components/ui/textarea/Textarea.vue b/app/components/ui/textarea/Textarea.vue
similarity index 100%
rename from components/ui/textarea/Textarea.vue
rename to app/components/ui/textarea/Textarea.vue
diff --git a/app/components/ui/textarea/index.ts b/app/components/ui/textarea/index.ts
new file mode 100644
index 00000000..2489086d
--- /dev/null
+++ b/app/components/ui/textarea/index.ts
@@ -0,0 +1 @@
+export { default as Textarea } from '@/components/ui/textarea/Textarea.vue'
diff --git a/components/ui/toast/Toast.vue b/app/components/ui/toast/Toast.vue
similarity index 100%
rename from components/ui/toast/Toast.vue
rename to app/components/ui/toast/Toast.vue
diff --git a/components/ui/toast/ToastAction.vue b/app/components/ui/toast/ToastAction.vue
similarity index 100%
rename from components/ui/toast/ToastAction.vue
rename to app/components/ui/toast/ToastAction.vue
diff --git a/components/ui/toast/ToastClose.vue b/app/components/ui/toast/ToastClose.vue
similarity index 100%
rename from components/ui/toast/ToastClose.vue
rename to app/components/ui/toast/ToastClose.vue
diff --git a/components/ui/toast/ToastDescription.vue b/app/components/ui/toast/ToastDescription.vue
similarity index 100%
rename from components/ui/toast/ToastDescription.vue
rename to app/components/ui/toast/ToastDescription.vue
diff --git a/components/ui/toast/ToastProvider.vue b/app/components/ui/toast/ToastProvider.vue
similarity index 100%
rename from components/ui/toast/ToastProvider.vue
rename to app/components/ui/toast/ToastProvider.vue
diff --git a/components/ui/toast/ToastTitle.vue b/app/components/ui/toast/ToastTitle.vue
similarity index 100%
rename from components/ui/toast/ToastTitle.vue
rename to app/components/ui/toast/ToastTitle.vue
diff --git a/components/ui/toast/ToastViewport.vue b/app/components/ui/toast/ToastViewport.vue
similarity index 100%
rename from components/ui/toast/ToastViewport.vue
rename to app/components/ui/toast/ToastViewport.vue
diff --git a/components/ui/toast/Toaster.vue b/app/components/ui/toast/Toaster.vue
similarity index 100%
rename from components/ui/toast/Toaster.vue
rename to app/components/ui/toast/Toaster.vue
diff --git a/components/ui/toast/index.ts b/app/components/ui/toast/index.ts
similarity index 62%
rename from components/ui/toast/index.ts
rename to app/components/ui/toast/index.ts
index 27bf7849..901bbb27 100644
--- a/components/ui/toast/index.ts
+++ b/app/components/ui/toast/index.ts
@@ -1,13 +1,13 @@
 import { cva } from 'class-variance-authority'
 
-export { default as Toaster } from './Toaster.vue'
-export { default as Toast } from './Toast.vue'
-export { default as ToastViewport } from './ToastViewport.vue'
-export { default as ToastAction } from './ToastAction.vue'
-export { default as ToastClose } from './ToastClose.vue'
-export { default as ToastTitle } from './ToastTitle.vue'
-export { default as ToastDescription } from './ToastDescription.vue'
-export { default as ToastProvider } from './ToastProvider.vue'
+export { default as Toaster } from '@/components/ui/toast/Toaster.vue'
+export { default as Toast } from '@/components/ui/toast/Toast.vue'
+export { default as ToastViewport } from '@/components/ui/toast/ToastViewport.vue'
+export { default as ToastAction } from '@/components/ui/toast/ToastAction.vue'
+export { default as ToastClose } from '@/components/ui/toast/ToastClose.vue'
+export { default as ToastTitle } from '@/components/ui/toast/ToastTitle.vue'
+export { default as ToastDescription } from '@/components/ui/toast/ToastDescription.vue'
+export { default as ToastProvider } from '@/components/ui/toast/ToastProvider.vue'
 export { toast, useToast } from './use-toast'
 
 export const toastVariants = cva(
diff --git a/components/ui/toast/use-toast.ts b/app/components/ui/toast/use-toast.ts
similarity index 98%
rename from components/ui/toast/use-toast.ts
rename to app/components/ui/toast/use-toast.ts
index d1c2b413..892f5531 100644
--- a/components/ui/toast/use-toast.ts
+++ b/app/components/ui/toast/use-toast.ts
@@ -1,7 +1,7 @@
 // @ts-nocheck
 import { computed, ref } from 'vue'
 import type { Component, VNode } from 'vue'
-import type { ToastProps } from './Toast.vue'
+import type { ToastProps } from '@/components/ui/toast/Toast.vue'
 
 const TOAST_LIMIT = 1
 const TOAST_REMOVE_DELAY = 1000000
diff --git a/components/ui/toggle-group/ToggleGroup.vue b/app/components/ui/toggle-group/ToggleGroup.vue
similarity index 100%
rename from components/ui/toggle-group/ToggleGroup.vue
rename to app/components/ui/toggle-group/ToggleGroup.vue
diff --git a/components/ui/toggle-group/ToggleGroupItem.vue b/app/components/ui/toggle-group/ToggleGroupItem.vue
similarity index 100%
rename from components/ui/toggle-group/ToggleGroupItem.vue
rename to app/components/ui/toggle-group/ToggleGroupItem.vue
diff --git a/app/components/ui/toggle-group/index.ts b/app/components/ui/toggle-group/index.ts
new file mode 100644
index 00000000..45fe1128
--- /dev/null
+++ b/app/components/ui/toggle-group/index.ts
@@ -0,0 +1,2 @@
+export { default as ToggleGroup } from '@/components/ui/toggle-group/ToggleGroup.vue'
+export { default as ToggleGroupItem } from '@/components/ui/toggle-group/ToggleGroupItem.vue'
diff --git a/components/ui/toggle/Toggle.vue b/app/components/ui/toggle/Toggle.vue
similarity index 100%
rename from components/ui/toggle/Toggle.vue
rename to app/components/ui/toggle/Toggle.vue
diff --git a/components/ui/toggle/index.ts b/app/components/ui/toggle/index.ts
similarity index 91%
rename from components/ui/toggle/index.ts
rename to app/components/ui/toggle/index.ts
index f3093fac..e20974d3 100644
--- a/components/ui/toggle/index.ts
+++ b/app/components/ui/toggle/index.ts
@@ -1,6 +1,6 @@
 import { cva } from 'class-variance-authority'
 
-export { default as Toggle } from './Toggle.vue'
+export { default as Toggle } from '@/components/ui/toggle/Toggle.vue'
 
 export const toggleVariants = cva(
   'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground',
diff --git a/error.vue b/app/error.vue
similarity index 100%
rename from error.vue
rename to app/error.vue
diff --git a/layouts/default.vue b/app/layouts/default.vue
similarity index 96%
rename from layouts/default.vue
rename to app/layouts/default.vue
index 6d75b6c9..8f1297af 100644
--- a/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import Sidebar from '@/components/custom/sidebar.vue'
+import Toggle from '@/components/ui/toggle/Toggle.vue'
 import { useFavicon, usePreferredDark } from '@vueuse/core'
-import Sidebar from '~/components/custom/sidebar.vue'
-import Toggle from '~/components/ui/toggle/Toggle.vue'
 
 const isDark = usePreferredDark()
 const favicon = computed(() => isDark.value ? '/favicon-dark.ico' : '/favicon.ico')
diff --git a/layouts/sign-in-or-out.vue b/app/layouts/sign-in-or-out.vue
similarity index 100%
rename from layouts/sign-in-or-out.vue
rename to app/layouts/sign-in-or-out.vue
diff --git a/lib/utils.ts b/app/lib/utils.ts
similarity index 100%
rename from lib/utils.ts
rename to app/lib/utils.ts
diff --git a/middleware/auth.ts b/app/middleware/auth.ts
similarity index 100%
rename from middleware/auth.ts
rename to app/middleware/auth.ts
diff --git a/middleware/authWithoutBind.ts b/app/middleware/authWithoutBind.ts
similarity index 100%
rename from middleware/authWithoutBind.ts
rename to app/middleware/authWithoutBind.ts
diff --git a/middleware/public.ts b/app/middleware/public.ts
similarity index 100%
rename from middleware/public.ts
rename to app/middleware/public.ts
diff --git a/pages/about.vue b/app/pages/about.vue
similarity index 100%
rename from pages/about.vue
rename to app/pages/about.vue
diff --git a/pages/account/bind.vue b/app/pages/account/bind.vue
similarity index 100%
rename from pages/account/bind.vue
rename to app/pages/account/bind.vue
diff --git a/pages/cas/clubs/[id].vue b/app/pages/cas/clubs/[id].vue
similarity index 99%
rename from pages/cas/clubs/[id].vue
rename to app/pages/cas/clubs/[id].vue
index 371ef46a..e228b60a 100644
--- a/pages/cas/clubs/[id].vue
+++ b/app/pages/cas/clubs/[id].vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { Club, Clubs } from '~/types/clubs'
+import type { Club, Clubs } from '@@/types/clubs'
 import Badge from '@/components/ui/badge/Badge.vue'
 import { Button } from '@/components/ui/button'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
diff --git a/pages/cas/clubs/index.vue b/app/pages/cas/clubs/index.vue
similarity index 98%
rename from pages/cas/clubs/index.vue
rename to app/pages/cas/clubs/index.vue
index 9ce88e14..1425ce45 100644
--- a/pages/cas/clubs/index.vue
+++ b/app/pages/cas/clubs/index.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
+import type { Club, ClubCategoryKey, Clubs, Groups } from '@@/types/clubs'
 import ClubCard from '@/components/custom/club-card.vue'
 import { Input } from '@/components/ui/input'
 import Tabs from '@/components/ui/tabs/Tabs.vue'
 import TabsContent from '@/components/ui/tabs/TabsContent.vue'
 import TabsList from '@/components/ui/tabs/TabsList.vue'
 import TabsTrigger from '@/components/ui/tabs/TabsTrigger.vue'
-import { onMounted, ref, watch } from 'vue'
 
-import type { Club, ClubCategoryKey, Clubs, Groups } from '~/types/clubs'
+import { onMounted, ref, watch } from 'vue'
 
 // This page requires login
 definePageMeta({
diff --git a/pages/cas/rating.vue b/app/pages/cas/rating.vue
similarity index 99%
rename from pages/cas/rating.vue
rename to app/pages/cas/rating.vue
index ed0f41f3..d540a756 100644
--- a/pages/cas/rating.vue
+++ b/app/pages/cas/rating.vue
@@ -5,11 +5,11 @@ import { Card, CardContent } from '@/components/ui/card'
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from '@/components/ui/select'
 import { Textarea } from '@/components/ui/textarea'
 import { useToast } from '@/components/ui/toast/use-toast'
+import { cn } from '@/lib/utils'
 import { toTypedSchema } from '@vee-validate/zod'
 import { useForm } from 'vee-validate'
 import { ref } from 'vue'
 import * as z from 'zod'
-import { cn } from '~/lib/utils'
 
 const { toast } = useToast()
 
diff --git a/pages/forms/[id].vue b/app/pages/forms/[id].vue
similarity index 91%
rename from pages/forms/[id].vue
rename to app/pages/forms/[id].vue
index c6bdb08b..154c4bd6 100644
--- a/pages/forms/[id].vue
+++ b/app/pages/forms/[id].vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { Form } from '~/types/data/forms'
+import type { Form } from '@@/types/data/forms'
+import { toast } from '@/components/ui/toast'
 import { useWindowSize } from '@vueuse/core'
 import { useClerk } from 'vue-clerk'
-import { toast } from '~/components/ui/toast'
 
 const clerk = useClerk()
 
diff --git a/pages/forms/index.vue b/app/pages/forms/index.vue
similarity index 93%
rename from pages/forms/index.vue
rename to app/pages/forms/index.vue
index 0502dece..79389a46 100644
--- a/pages/forms/index.vue
+++ b/app/pages/forms/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Form } from '~/types/data/forms'
+import type { Form } from '@@/types/data/forms'
 import {
   Card,
   CardDescription,
@@ -7,8 +7,8 @@ import {
   CardHeader,
   CardTitle,
 } from '@/components/ui/card'
+import { toast } from '@/components/ui/toast'
 import Toaster from '@/components/ui/toast/Toaster.vue'
-import { toast } from '~/components/ui/toast'
 
 definePageMeta({
   middleware: ['auth'],
diff --git a/pages/index.vue b/app/pages/index.vue
similarity index 89%
rename from pages/index.vue
rename to app/pages/index.vue
index afc4665e..7362cb3b 100644
--- a/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Announcements from '~/components/custom/Index/announcements.vue'
+import Announcements from '@/components/custom/Index/announcements.vue'
 
 definePageMeta({
   middleware: ['auth'],
diff --git a/pages/manage/manage.vue b/app/pages/manage/manage.vue
similarity index 98%
rename from pages/manage/manage.vue
rename to app/pages/manage/manage.vue
index 3aed7e1b..e43608ab 100644
--- a/pages/manage/manage.vue
+++ b/app/pages/manage/manage.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import { enums } from '@/components/custom/enum2str'
 import Toaster from '@/components/ui/toast/Toaster.vue'
 import { useToast } from '@/components/ui/toast/use-toast'
 import { LoaderCircle } from 'lucide-vue-next'
 import { onMounted } from 'vue'
-import { enums } from '~/components/custom/enum2str'
 
 definePageMeta({
   middleware: ['auth'],
diff --git a/pages/manage/record.vue b/app/pages/manage/record.vue
similarity index 92%
rename from pages/manage/record.vue
rename to app/pages/manage/record.vue
index 6b0b5b22..ffa7628f 100644
--- a/pages/manage/record.vue
+++ b/app/pages/manage/record.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import LazyNewActivityRecord from '~/components/custom/CAS/Record/NewActivityRecord.vue'
-import ViewMyActivityRecords from '~/components/custom/CAS/Record/ViewMyActivityRecords.vue'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '~/components/ui/card'
-import Skeleton from '~/components/ui/skeleton/Skeleton.vue'
+import LazyNewActivityRecord from '@/components/custom/CAS/Record/NewActivityRecord.vue'
+import ViewMyActivityRecords from '@/components/custom/CAS/Record/ViewMyActivityRecords.vue'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import Skeleton from '@/components/ui/skeleton/Skeleton.vue'
 
 definePageMeta({
   middleware: ['auth'],
diff --git a/pages/manage/reservation.vue b/app/pages/manage/reservation.vue
similarity index 95%
rename from pages/manage/reservation.vue
rename to app/pages/manage/reservation.vue
index aac750f1..2e5191b7 100644
--- a/pages/manage/reservation.vue
+++ b/app/pages/manage/reservation.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import NewClassroomReservation from '~/components/custom/CAS/ClassroomReservation/NewClassroomReservation.vue'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '~/components/ui/card'
+import NewClassroomReservation from '@/components/custom/CAS/ClassroomReservation/NewClassroomReservation.vue'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
 
 definePageMeta({
   middleware: ['auth'],
diff --git a/pages/manage/statuses.vue b/app/pages/manage/statuses.vue
similarity index 98%
rename from pages/manage/statuses.vue
rename to app/pages/manage/statuses.vue
index 1fc65534..5d458fec 100644
--- a/pages/manage/statuses.vue
+++ b/app/pages/manage/statuses.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { ClassroomData, ReservationRecord } from '@prisma/client'
+import { enums, time2period } from '@/components/custom/enum2str'
 import Toaster from '@/components/ui/toast/Toaster.vue'
 import { useToast } from '@/components/ui/toast/use-toast'
-import { enums, time2period } from '~/components/custom/enum2str'
 
 definePageMeta({
   middleware: ['auth'],
diff --git a/pages/profile.vue b/app/pages/profile.vue
similarity index 100%
rename from pages/profile.vue
rename to app/pages/profile.vue
diff --git a/pages/sign-in.vue b/app/pages/sign-in.vue
similarity index 100%
rename from pages/sign-in.vue
rename to app/pages/sign-in.vue
diff --git a/pages/sign-up.vue b/app/pages/sign-up.vue
similarity index 100%
rename from pages/sign-up.vue
rename to app/pages/sign-up.vue
diff --git a/plugins/clerk.ts b/app/plugins/clerk.ts
similarity index 100%
rename from plugins/clerk.ts
rename to app/plugins/clerk.ts
diff --git a/plugins/vue-query.ts b/app/plugins/vue-query.ts
similarity index 94%
rename from plugins/vue-query.ts
rename to app/plugins/vue-query.ts
index cecfaaf8..cd761735 100644
--- a/plugins/vue-query.ts
+++ b/app/plugins/vue-query.ts
@@ -2,13 +2,13 @@ import type {
   DehydratedState,
   VueQueryPluginOptions,
 } from '@tanstack/vue-query'
+import { defaultQuery } from '@/queries/default'
 import {
   dehydrate,
   hydrate,
   QueryClient,
   VueQueryPlugin,
 } from '@tanstack/vue-query'
-import { defaultQuery } from '~/queries/default'
 
 export default defineNuxtPlugin((nuxt) => {
   const vueQueryState = useState<DehydratedState | null>('vue-query')
diff --git a/queries/default.ts b/app/queries/default.ts
similarity index 100%
rename from queries/default.ts
rename to app/queries/default.ts
diff --git a/components/ui/alert-dialog/index.ts b/components/ui/alert-dialog/index.ts
deleted file mode 100644
index 91d138ae..00000000
--- a/components/ui/alert-dialog/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export { default as AlertDialog } from './AlertDialog.vue'
-export { default as AlertDialogTrigger } from './AlertDialogTrigger.vue'
-export { default as AlertDialogContent } from './AlertDialogContent.vue'
-export { default as AlertDialogHeader } from './AlertDialogHeader.vue'
-export { default as AlertDialogTitle } from './AlertDialogTitle.vue'
-export { default as AlertDialogDescription } from './AlertDialogDescription.vue'
-export { default as AlertDialogFooter } from './AlertDialogFooter.vue'
-export { default as AlertDialogAction } from './AlertDialogAction.vue'
-export { default as AlertDialogCancel } from './AlertDialogCancel.vue'
diff --git a/components/ui/calendar/index.ts b/components/ui/calendar/index.ts
deleted file mode 100644
index 5239a1bd..00000000
--- a/components/ui/calendar/index.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export { default as Calendar } from './Calendar.vue'
-export { default as CalendarCell } from './CalendarCell.vue'
-export { default as CalendarCellTrigger } from './CalendarCellTrigger.vue'
-export { default as CalendarGrid } from './CalendarGrid.vue'
-export { default as CalendarGridBody } from './CalendarGridBody.vue'
-export { default as CalendarGridHead } from './CalendarGridHead.vue'
-export { default as CalendarGridRow } from './CalendarGridRow.vue'
-export { default as CalendarHeadCell } from './CalendarHeadCell.vue'
-export { default as CalendarHeader } from './CalendarHeader.vue'
-export { default as CalendarHeading } from './CalendarHeading.vue'
-export { default as CalendarNextButton } from './CalendarNextButton.vue'
-export { default as CalendarPrevButton } from './CalendarPrevButton.vue'
diff --git a/components/ui/card/index.ts b/components/ui/card/index.ts
deleted file mode 100644
index 8170483c..00000000
--- a/components/ui/card/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export { default as Card } from './Card.vue'
-export { default as CardHeader } from './CardHeader.vue'
-export { default as CardTitle } from './CardTitle.vue'
-export { default as CardDescription } from './CardDescription.vue'
-export { default as CardContent } from './CardContent.vue'
-export { default as CardFooter } from './CardFooter.vue'
diff --git a/components/ui/checkbox/index.ts b/components/ui/checkbox/index.ts
deleted file mode 100644
index 8c28c286..00000000
--- a/components/ui/checkbox/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Checkbox } from './Checkbox.vue'
diff --git a/components/ui/command/index.ts b/components/ui/command/index.ts
deleted file mode 100644
index 0e35f4b9..00000000
--- a/components/ui/command/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export { default as Command } from './Command.vue'
-export { default as CommandDialog } from './CommandDialog.vue'
-export { default as CommandEmpty } from './CommandEmpty.vue'
-export { default as CommandGroup } from './CommandGroup.vue'
-export { default as CommandInput } from './CommandInput.vue'
-export { default as CommandItem } from './CommandItem.vue'
-export { default as CommandList } from './CommandList.vue'
-export { default as CommandSeparator } from './CommandSeparator.vue'
-export { default as CommandShortcut } from './CommandShortcut.vue'
diff --git a/components/ui/dialog/index.ts b/components/ui/dialog/index.ts
deleted file mode 100644
index 847e999f..00000000
--- a/components/ui/dialog/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export { default as Dialog } from './Dialog.vue'
-export { default as DialogClose } from './DialogClose.vue'
-export { default as DialogTrigger } from './DialogTrigger.vue'
-export { default as DialogHeader } from './DialogHeader.vue'
-export { default as DialogTitle } from './DialogTitle.vue'
-export { default as DialogDescription } from './DialogDescription.vue'
-export { default as DialogContent } from './DialogContent.vue'
-export { default as DialogScrollContent } from './DialogScrollContent.vue'
-export { default as DialogFooter } from './DialogFooter.vue'
diff --git a/components/ui/dropdown-menu/index.ts b/components/ui/dropdown-menu/index.ts
deleted file mode 100644
index 6f9446c3..00000000
--- a/components/ui/dropdown-menu/index.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-export { DropdownMenuPortal } from 'radix-vue'
-
-export { default as DropdownMenu } from './DropdownMenu.vue'
-export { default as DropdownMenuTrigger } from './DropdownMenuTrigger.vue'
-export { default as DropdownMenuContent } from './DropdownMenuContent.vue'
-export { default as DropdownMenuGroup } from './DropdownMenuGroup.vue'
-export { default as DropdownMenuRadioGroup } from './DropdownMenuRadioGroup.vue'
-export { default as DropdownMenuItem } from './DropdownMenuItem.vue'
-export { default as DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem.vue'
-export { default as DropdownMenuRadioItem } from './DropdownMenuRadioItem.vue'
-export { default as DropdownMenuShortcut } from './DropdownMenuShortcut.vue'
-export { default as DropdownMenuSeparator } from './DropdownMenuSeparator.vue'
-export { default as DropdownMenuLabel } from './DropdownMenuLabel.vue'
-export { default as DropdownMenuSub } from './DropdownMenuSub.vue'
-export { default as DropdownMenuSubTrigger } from './DropdownMenuSubTrigger.vue'
-export { default as DropdownMenuSubContent } from './DropdownMenuSubContent.vue'
diff --git a/components/ui/form/index.ts b/components/ui/form/index.ts
deleted file mode 100644
index fca299e7..00000000
--- a/components/ui/form/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export { default as FormControl } from './FormControl.vue'
-export { default as FormDescription } from './FormDescription.vue'
-export { default as FormItem } from './FormItem.vue'
-export { default as FormLabel } from './FormLabel.vue'
-export { default as FormMessage } from './FormMessage.vue'
-export { FORM_ITEM_INJECTION_KEY } from './injectionKeys'
-export { Field as FormField, Form } from 'vee-validate'
diff --git a/components/ui/hover-card/index.ts b/components/ui/hover-card/index.ts
deleted file mode 100644
index c7bfd32d..00000000
--- a/components/ui/hover-card/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as HoverCard } from './HoverCard.vue'
-export { default as HoverCardTrigger } from './HoverCardTrigger.vue'
-export { default as HoverCardContent } from './HoverCardContent.vue'
diff --git a/components/ui/input/index.ts b/components/ui/input/index.ts
deleted file mode 100644
index a691dd6c..00000000
--- a/components/ui/input/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Input } from './Input.vue'
diff --git a/components/ui/label/index.ts b/components/ui/label/index.ts
deleted file mode 100644
index 572c2f01..00000000
--- a/components/ui/label/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Label } from './Label.vue'
diff --git a/components/ui/menubar/index.ts b/components/ui/menubar/index.ts
deleted file mode 100644
index 808ec4d3..00000000
--- a/components/ui/menubar/index.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-export { default as Menubar } from './Menubar.vue'
-export { default as MenubarItem } from './MenubarItem.vue'
-export { default as MenubarContent } from './MenubarContent.vue'
-export { default as MenubarGroup } from './MenubarGroup.vue'
-export { default as MenubarMenu } from './MenubarMenu.vue'
-export { default as MenubarRadioGroup } from './MenubarRadioGroup.vue'
-export { default as MenubarRadioItem } from './MenubarRadioItem.vue'
-export { default as MenubarCheckboxItem } from './MenubarCheckboxItem.vue'
-export { default as MenubarSeparator } from './MenubarSeparator.vue'
-export { default as MenubarSub } from './MenubarSub.vue'
-export { default as MenubarSubContent } from './MenubarSubContent.vue'
-export { default as MenubarSubTrigger } from './MenubarSubTrigger.vue'
-export { default as MenubarTrigger } from './MenubarTrigger.vue'
-export { default as MenubarShortcut } from './MenubarShortcut.vue'
-export { default as MenubarLabel } from './MenubarLabel.vue'
diff --git a/components/ui/multiselect/index.ts b/components/ui/multiselect/index.ts
deleted file mode 100644
index 85ab6d75..00000000
--- a/components/ui/multiselect/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Multiselect } from './Multiselect.vue'
diff --git a/components/ui/number-field/index.ts b/components/ui/number-field/index.ts
deleted file mode 100644
index 45edbe40..00000000
--- a/components/ui/number-field/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export { default as NumberField } from './NumberField.vue'
-export { default as NumberFieldInput } from './NumberFieldInput.vue'
-export { default as NumberFieldIncrement } from './NumberFieldIncrement.vue'
-export { default as NumberFieldDecrement } from './NumberFieldDecrement.vue'
-export { default as NumberFieldContent } from './NumberFieldContent.vue'
diff --git a/components/ui/popover/index.ts b/components/ui/popover/index.ts
deleted file mode 100644
index 87f034a1..00000000
--- a/components/ui/popover/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { PopoverAnchor } from 'radix-vue'
-export { default as Popover } from './Popover.vue'
-export { default as PopoverTrigger } from './PopoverTrigger.vue'
-export { default as PopoverContent } from './PopoverContent.vue'
diff --git a/components/ui/scroll-area/index.ts b/components/ui/scroll-area/index.ts
deleted file mode 100644
index 2bd4fae5..00000000
--- a/components/ui/scroll-area/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as ScrollArea } from './ScrollArea.vue'
-export { default as ScrollBar } from './ScrollBar.vue'
diff --git a/components/ui/select/index.ts b/components/ui/select/index.ts
deleted file mode 100644
index b1d89eed..00000000
--- a/components/ui/select/index.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export { default as Select } from './Select.vue'
-export { default as SelectValue } from './SelectValue.vue'
-export { default as SelectTrigger } from './SelectTrigger.vue'
-export { default as SelectContent } from './SelectContent.vue'
-export { default as SelectGroup } from './SelectGroup.vue'
-export { default as SelectItem } from './SelectItem.vue'
-export { default as SelectItemText } from './SelectItemText.vue'
-export { default as SelectLabel } from './SelectLabel.vue'
-export { default as SelectSeparator } from './SelectSeparator.vue'
-export { default as SelectScrollUpButton } from './SelectScrollUpButton.vue'
-export { default as SelectScrollDownButton } from './SelectScrollDownButton.vue'
diff --git a/components/ui/separator/index.ts b/components/ui/separator/index.ts
deleted file mode 100644
index 2287bcb9..00000000
--- a/components/ui/separator/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Separator } from './Separator.vue'
diff --git a/components/ui/skeleton/index.ts b/components/ui/skeleton/index.ts
deleted file mode 100644
index be21fad3..00000000
--- a/components/ui/skeleton/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Skeleton } from './Skeleton.vue'
diff --git a/components/ui/switch/index.ts b/components/ui/switch/index.ts
deleted file mode 100644
index 87b4b17d..00000000
--- a/components/ui/switch/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Switch } from './Switch.vue'
diff --git a/components/ui/table/index.ts b/components/ui/table/index.ts
deleted file mode 100644
index 44582d35..00000000
--- a/components/ui/table/index.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export { default as Table } from './Table.vue'
-export { default as TableBody } from './TableBody.vue'
-export { default as TableCell } from './TableCell.vue'
-export { default as TableHead } from './TableHead.vue'
-export { default as TableHeader } from './TableHeader.vue'
-export { default as TableRow } from './TableRow.vue'
-export { default as TableCaption } from './TableCaption.vue'
-export { default as TableEmpty } from './TableEmpty.vue'
diff --git a/components/ui/tabs/index.ts b/components/ui/tabs/index.ts
deleted file mode 100644
index fbea0c68..00000000
--- a/components/ui/tabs/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { default as Tabs } from './Tabs.vue'
-export { default as TabsTrigger } from './TabsTrigger.vue'
-export { default as TabsList } from './TabsList.vue'
-export { default as TabsContent } from './TabsContent.vue'
diff --git a/components/ui/tags-input/index.ts b/components/ui/tags-input/index.ts
deleted file mode 100644
index 31305f34..00000000
--- a/components/ui/tags-input/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export { default as TagsInput } from './TagsInput.vue'
-export { default as TagsInputInput } from './TagsInputInput.vue'
-export { default as TagsInputItem } from './TagsInputItem.vue'
-export { default as TagsInputItemDelete } from './TagsInputItemDelete.vue'
-export { default as TagsInputItemText } from './TagsInputItemText.vue'
diff --git a/components/ui/textarea/index.ts b/components/ui/textarea/index.ts
deleted file mode 100644
index 6a7ab2a7..00000000
--- a/components/ui/textarea/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Textarea } from './Textarea.vue'
diff --git a/components/ui/toggle-group/index.ts b/components/ui/toggle-group/index.ts
deleted file mode 100644
index 9f89ad77..00000000
--- a/components/ui/toggle-group/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as ToggleGroup } from './ToggleGroup.vue'
-export { default as ToggleGroupItem } from './ToggleGroupItem.vue'
diff --git a/eslint.config.js b/eslint.config.js
index 99f1632d..8d59ffb0 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -6,7 +6,6 @@ export default antfu({
     tsconfigPath: 'tsconfig.json',
   },
   vue: true,
-  ignores: ['components/ui/'],
   unocss: true,
   ...pluginQuery.configs['flat/recommended'],
 }, {
diff --git a/nuxt.config.ts b/nuxt.config.ts
index e61ac436..69435441 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -46,15 +46,8 @@ export default defineNuxtConfig({
   },
 
   shadcn: {
-    /**
-     * Prefix for all the imported component
-     */
     prefix: '',
-    /**
-     * Directory that the component lives in.
-     * @default "./components/ui"
-     */
-    componentDir: './components/ui',
+    componentDir: './app/components/ui',
   },
 
   dayjs: {
@@ -92,4 +85,8 @@ export default defineNuxtConfig({
   },
 
   compatibilityDate: '2024-08-31',
+
+  future: {
+    compatibilityVersion: 4,
+  },
 })
diff --git a/server/api/forms/open.get.ts b/server/api/forms/open.get.ts
index 15e7528e..51d13fc5 100644
--- a/server/api/forms/open.get.ts
+++ b/server/api/forms/open.get.ts
@@ -1,6 +1,6 @@
+import type { Form, Forms } from '@@/types/data/forms'
 import dayjs from 'dayjs'
 import { parse } from 'yaml'
-import type { Form, Forms } from '~/types/data/forms'
 
 export default eventHandler(async (event) => {
   const { auth } = event.context
diff --git a/tsconfig.json b/tsconfig.json
index f87f8fe9..b0aa5be1 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,9 +2,7 @@
   // https://nuxt.com/docs/guide/concepts/typescript
   "extends": "./.nuxt/tsconfig.json",
   "compilerOptions": {
+    "module": "ESNext",
     "resolveJsonModule": true
-  },
-  "exclude": [
-    "components/ui"
-  ]
+  }
 }
diff --git a/utils/crawler.ts b/utils/crawler.ts
index b95b2f1f..58108f6f 100644
--- a/utils/crawler.ts
+++ b/utils/crawler.ts
@@ -1,6 +1,6 @@
+import type { Club, Clubs } from '@@/types/clubs'
 import * as dotenv from 'dotenv'
 import { fetch, Headers } from 'ofetch'
-import type { Club, Clubs } from '~/types/clubs'
 
 dotenv.config()
 
@@ -9,7 +9,7 @@ class TSession {
 
   constructor() {
     const PHPSESSID = process.env.PHPSESSID
-    if (!PHPSESSID || !process.env.TSIMS_URL)
+    if ((PHPSESSID == null) || (process.env.TSIMS_URL == null))
       throw new Error('PHPSESSID or TSIMS_URL environment variable is not set')
 
     this.headers = new Headers({
@@ -46,7 +46,7 @@ class TSession {
       headers: this.headers,
       body: formData,
     })
-    return await response.json()
+    return await response.json() as Promise<Club>
   }
 }
 
diff --git a/utils/update-classroom-data.ts b/utils/update-classroom-data.ts
index 68c9e1b9..eeb1d609 100644
--- a/utils/update-classroom-data.ts
+++ b/utils/update-classroom-data.ts
@@ -1,5 +1,5 @@
+import data from '@@/data/classroom/classroom.json'
 import { PrismaClient } from '@prisma/client'
-import data from '~/data/classroom/classroom.json'
 
 const prisma = new PrismaClient()
 
diff --git a/utils/update-club-info.ts b/utils/update-club-info.ts
index d412efee..bedda170 100644
--- a/utils/update-club-info.ts
+++ b/utils/update-club-info.ts
@@ -1,7 +1,7 @@
+import type { Clubs } from '@@/types/clubs'
 import type { ClubMemberRole } from '@prisma/client'
 import { getStore } from '@netlify/blobs'
 import { PrismaClient } from '@prisma/client'
-import type { Clubs } from '~/types/clubs'
 import crawler from './crawler'
 
 const prisma = new PrismaClient()