fix(eslint): resolve multiple eslint errors

.changeset/thin-donkeys-drop.md

@@ -0,0 +1,5 @@
+---
+"enspire": patch
+---
+
+Resolve ESLint issues

.github/workflows/on-commit.yml

@@ -23,7 +23,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 20
-          cache: 'pnpm'
+          cache: pnpm
       - name: Install dependencies
         run: pnpm install
       - name: Apply all pending migrations to the database

.github/workflows/on-release.yml

@@ -31,7 +31,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 20
-          cache: 'pnpm'
+          cache: pnpm
       - name: Install dependencies
         run: pnpm install
       - name: Apply all pending migrations to the database

.travis.yml

@@ -6,13 +6,13 @@ dist: jammy
 cache:
   npm: false
   directories:
-    - "~/.pnpm-store"
-    
+    - ~/.pnpm-store
+
 before_install:
   - corepack enable
   - corepack prepare pnpm@latest-9 --activate
   - pnpm config set store-dir ~/.pnpm-store
-  
+
 install:
   - pnpm install
 

components/custom/CAS/ClassroomReservation/NewClassroomReservation.vue

@@ -15,12 +15,15 @@
 
 const { toast } = useToast()
 
-const { data } = await useAsyncData<ClassroomData[]>('classroomStatuses', () => {
-  return $fetch<ClassroomData[]>(`/api/reservation/classroomId`, {
-    headers: useRequestHeaders(),
-    method: 'GET',
-  })
-})
+const { data } = await useAsyncData<ClassroomData[]>(
+  'classroomStatuses',
+  () => {
+    return $fetch<ClassroomData[]>(`/api/reservation/classroomId`, {
+      headers: useRequestHeaders(),
+      method: 'GET',
+    })
+  },
+)
 
 if (!data.value) {
   toast({
@@ -29,7 +32,7 @@
   })
 }
 else {
-  data.value = data.value.sort((a: any, b: any) => a.name < b.name ? -1 : 1)
+  data.value = data.value.sort((a: any, b: any) => (a.name < b.name ? -1 : 1))
 }
 
 const { data: clubs } = await useAsyncData<AllClubs>('clubs', () => {
@@ -141,7 +144,9 @@
           <FormItem>
             <FormLabel>预约时间</FormLabel>
             <FormControl>
-              <div class="flex flex-col sm:flex-row space-y-2 sm:space-y-0 sm:space-x-1 justify-start">
+              <div
+                class="flex flex-col sm:flex-row space-y-2 sm:space-y-0 sm:space-x-1 justify-start"
+              >
                 <!-- This ToggleGroup should be implemented in a better way but anyway it works -->
                 <ToggleGroup :key="reloadKey" type="multiple" variant="outline">
                   <div class="text-muted-foreground text-sm text-center w-7">
@@ -168,8 +173,12 @@
                     <SelectValue placeholder="选择时段" />
                   </SelectTrigger>
                   <SelectContent>
-                    <SelectItem v-for="period in enums.periods.values" :key="period" :value="period">
+                    <SelectItem
+                      v-for="period in enums.periods.values"
+                      :key="period"
+                      :value="period"
+                    >
                       {{ enums.periods.map[period] }}
                     </SelectItem>
                   </SelectContent>
                 </Select>
@@ -200,7 +209,10 @@
                         </span>
                       </span>
                       <span v-if="classroom.size" class="text-gray-400">
-                        可容纳<span class="inline-block w-5 text-center">{{ classroom.size }}</span>人
+                        可容纳<span class="inline-block w-5 text-center">{{
+                          classroom.size
+                        }}</span>
+                        人
                       </span>
                     </SelectItem>
                   </SelectGroup>
@@ -217,28 +229,36 @@
                   <SelectValue placeholder="选择你的社团" />
                 </SelectTrigger>
                 <SelectContent>
-                  <SelectGroup v-if="clubs?.president && clubs?.president.length">
-                    <SelectItem v-for="club in clubs?.president" :key="club.id" :value="club.id">
+                  <SelectGroup
+                    v-if="clubs?.president && clubs?.president.length"
+                  >
+                    <SelectItem
+                      v-for="club in clubs?.president"
+                      :key="club.id"
+                      :value="club.id"
+                    >
                       {{ club.name.zh }}
-                      <span class="inline-block text-gray-500">
-                        社长
-                      </span>
+                      <span class="inline-block text-gray-500"> 社长 </span>
                     </SelectItem>
                   </SelectGroup>
                   <SelectGroup v-if="clubs?.vice && clubs?.vice.length">
-                    <SelectItem v-for="club in clubs?.vice" :key="club.id" :value="club.id">
+                    <SelectItem
+                      v-for="club in clubs?.vice"
+                      :key="club.id"
+                      :value="club.id"
+                    >
                       {{ club.name.zh }}
-                      <span class="inline-block text-gray-500">
-                        副社
-                      </span>
+                      <span class="inline-block text-gray-500"> 副社 </span>
                     </SelectItem>
                   </SelectGroup>
                   <SelectGroup v-if="clubs?.member && clubs?.member.length">
-                    <SelectItem v-for="club in clubs?.member" :key="club.id" :value="club.id">
+                    <SelectItem
+                      v-for="club in clubs?.member"
+                      :key="club.id"
+                      :value="club.id"
+                    >
                       {{ club.name.zh }}
-                      <span class="inline-block text-gray-500">
-                        成员
-                      </span>
+                      <span class="inline-block text-gray-500"> 成员 </span>
                     </SelectItem>
                   </SelectGroup>
                 </SelectContent>
@@ -250,11 +270,15 @@
           <FormItem>
             <FormLabel>备注</FormLabel>
             <FormControl>
-              <Textarea v-model="formData.note" type="text" placeholder="备注" class="resize-none" rows="3" />
+              <Textarea
+                v-model="formData.note"
+                type="text"
+                placeholder="备注"
+                class="resize-none"
+                rows="3"
+              />
             </FormControl>
-            <FormDescription>
-              非必填
-            </FormDescription>
+            <FormDescription> 非必填 </FormDescription>
             <FormMessage />
           </FormItem>
         </FormField>

components/custom/CAS/Record/NewActivityRecord.vue

@@ -1,6 +1,12 @@
 <script setup lang="ts">
 import { Button } from '@/components/ui/button'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
 import { Multiselect } from '@/components/ui/multiselect'
 import {
   NumberField,
@@ -9,7 +15,13 @@
   NumberFieldIncrement,
   NumberFieldInput,
 } from '@/components/ui/number-field'
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
 import { Textarea } from '@/components/ui/textarea'
 import { useToast } from '@/components/ui/toast/use-toast'
 import { toTypedSchema } from '@vee-validate/zod'
@@ -32,18 +44,20 @@
 
 const isLoading = ref(false)
 
-const formSchema = toTypedSchema(z.object({
-  club: z.string(),
-  date: z.date(),
-  text: z.string().min(10).max(300),
-  members: z.array(z.string().uuid()),
-  cTime: z.number().min(0).max(5),
-  aTime: z.number().min(0).max(5),
-  sTime: z.number().min(0).max(5),
-}))
+const formSchema = toTypedSchema(
+  z.object({
+    club: z.string(),
+    date: z.date(),
+    text: z.string().min(10).max(300),
+    members: z.array(z.string().uuid()),
+    cTime: z.number().min(0).max(5),
+    aTime: z.number().min(0).max(5),
+    sTime: z.number().min(0).max(5),
+  }),
+)
 
 const { data } = await useAsyncData<AllClubs>('allClubs', () => {
   return $fetch('/api/user/all_clubs?includeMemberships=true', {
     headers: useRequestHeaders(),
     method: 'GET',
   })
@@ -101,13 +115,20 @@
           <FormItem>
             <FormLabel>社团</FormLabel>
 
-            <Select v-bind="componentField" @update:model-value="selectedClub = $event">
+            <Select
+              v-bind="componentField"
+              @update:model-value="selectedClub = $event"
+            >
               <FormControl>
                 <SelectTrigger
-                  :class="cn(
-                    'w-full ps-3 text-start font-normal hover:bg-muted',
-                    !value && 'text-muted-foreground',
-                  )" variant="outline" :disabled="isLoading"
+                  :class="
+                    cn(
+                      'w-full ps-3 text-start font-normal hover:bg-muted',
+                      !value && 'text-muted-foreground',
+                    )
+                  "
+                  variant="outline"
+                  :disabled="isLoading"
                 >
                   <SelectValue placeholder="选择您需要记录的社团..." />
                 </SelectTrigger>
@@ -116,7 +137,8 @@
                 <SelectGroup v-if="data">
                   <SelectItem
                     v-for="club in [...data.vice, ...data.president]"
-                    :key="club.id" :value="String(club.id)"
+                    :key="club.id"
+                    :value="String(club.id)"
                   >
                     {{ club.name.zh }}
                   </SelectItem>
@@ -134,14 +156,22 @@
               <PopoverTrigger as-child>
                 <FormControl>
                   <Button
-                    :class="cn(
-                      'w-full ps-3 text-start font-normal',
-                      !value && 'text-muted-foreground',
-                    )" variant="outline"
+                    :class="
+                      cn(
+                        'w-full ps-3 text-start font-normal',
+                        !value && 'text-muted-foreground',
+                      )
+                    "
+                    variant="outline"
                     :disabled="isLoading"
                   >
-                    <span>{{ value ? $dayjs(value).format("LL") : "选择日期..." }}</span>
-                    <Icon class="ms-auto opacity-50" name="material-symbols:calendar-today-outline" />
+                    <span>{{
+                      value ? $dayjs(value).format("LL") : "选择日期..."
+                    }}</span>
+                    <Icon
+                      class="ms-auto opacity-50"
+                      name="material-symbols:calendar-today-outline"
+                    />
                   </Button>
                 </FormControl>
               </PopoverTrigger>
@@ -154,9 +184,14 @@
         </FormField>
 
         <div class="flex space-x-2 w-full">
-          <FormField v-for="(slot, index) in ['cTime', 'aTime', 'sTime']" :key="index" v-slot="{ value }" :name="slot">
+          <FormField
+            v-for="(slot, index) in ['cTime', 'aTime', 'sTime']"
+            :key="index"
+            v-slot="{ value }"
+            :name="slot"
+          >
             <FormItem>
-              <FormLabel>{{ ['C', 'A', 'S'][index] }}时间</FormLabel>
+              <FormLabel>{{ ["C", "A", "S"][index] }}时间</FormLabel>
               <NumberField
                 class="gap-2 w-max"
                 :min="0"
@@ -209,14 +244,14 @@
             <FormControl>
               <Multiselect
                 v-if="data"
-                :options="((
-                  [...data.president, ...data.vice].find(
-                    (club) => club.id === Number(selectedClub),
-                  )
-                )?.memberships)?.map((membership) => ({
-                  label: membership.name,
-                  value: membership.id,
-                })) ?? []"
+                :options="
+                  [...data.president, ...data.vice]
+                    .find((club) => club.id === Number(selectedClub))
+                    ?.memberships?.map((membership) => ({
+                      label: membership.name,
+                      value: membership.id,
+                    })) ?? []
+                "
                 placeholder="Select options"
                 variant="inverted"
                 v-bind="componentField"
@@ -229,7 +264,11 @@
         </FormField>
 
         <Button :disabled="isLoading" type="submit">
-          <Icon v-if="isLoading" class="mr-2" name="svg-spinners:180-ring-with-bg" />
+          <Icon
+            v-if="isLoading"
+            class="mr-2"
+            name="svg-spinners:180-ring-with-bg"
+          />
           提交
         </Button>
       </form>

components/custom/club-card.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 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'
 import { cn } from '@/lib/utils'
-import Badge from '@/components/ui/badge/Badge.vue'
 import sanitizeHtml from 'sanitize-html'
+import type { Club } from '~/types/clubs'
 
 const props = defineProps({
   club: {

data/forms/forms.yaml

@@ -1,7 +1,7 @@
 ---
 20240930_0001:
-  title: "社团注册表"
-  description: "提交社团注册表，如有多个社团可反复在此提交。"
-  url: "https://wzvkx0jz.nocodb.com/#/nc/form/4b639cfb-a057-414f-b778-016c02309f32?embed"
-  start_date: "2024-09-30"
-  end_date: "2024-10-30"
+  title: 社团注册表
+  description: 提交社团注册表，如有多个社团可反复在此提交。
+  url: 'https://wzvkx0jz.nocodb.com/#/nc/form/4b639cfb-a057-414f-b778-016c02309f32?embed'
+  start_date: 2024-09-30
+  end_date: 2024-10-30

db/migrations/migration_lock.toml

@@ -1,3 +1,3 @@
 # Please do not edit this file manually
 # It should be added in your version-control system (i.e. Git)
-provider = "postgresql"
+provider = "postgresql"

layouts/sign-in-or-out.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useFavicon, usePreferredDark } from '@vueuse/core'
 import IconLogo from '@/assets/logo.svg'
+import { useFavicon, usePreferredDark } from '@vueuse/core'
 
 const isDark = usePreferredDark()
 const favicon = computed(() => isDark.value ? '/favicon-dark.ico' : '/favicon.ico')