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

Author: qwerzl

.eslintignore

@@ -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()
 

app.vue renamed to app/app.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'])
 

assets/icons/logo.svg renamed to app/assets/icons/logo.svg

@@ -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:

components/custom/CAS/ClassroomReservation/NewClassroomReservation.vue renamed to app/components/custom/CAS/ClassroomReservation/NewClassroomReservation.vue

@@ -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>[] = [
   {

components/custom/CAS/Record/NewActivityRecord.vue renamed to app/components/custom/CAS/Record/NewActivityRecord.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>({