frontend: run lint

Signed-off-by: Nicolas Froger <nicolas@kektus.xyz>

summer2024-frontend/src/components/Countdown.vue

@@ -10,7 +10,7 @@ const countdownInterval = setInterval(() => {
   const now = new Date().getTime()
   const distance = countdownDate - now
   if (distance < 0) {
-    countdownDisplay.value = 'c\'est parti !'
+    countdownDisplay.value = "c'est parti !"
     clearInterval(countdownInterval)
     return
   }
@@ -20,18 +20,20 @@ const countdownInterval = setInterval(() => {
   const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60))
   const seconds = Math.floor((distance % (1000 * 60)) / 1000)
 
-  countdownDisplay.value = `${days} jour` + (days > 1 ? 's' : '') +
-    ` ${hours} heure` + (hours > 1 ? 's' : '') +
-    ` ${minutes} minute` + (minutes > 1 ? 's' : '') +
-    ` ${seconds} seconde` + (seconds > 1 ? 's' : '')
+  countdownDisplay.value =
+    `${days} jour` +
+    (days > 1 ? 's' : '') +
+    ` ${hours} heure` +
+    (hours > 1 ? 's' : '') +
+    ` ${minutes} minute` +
+    (minutes > 1 ? 's' : '') +
+    ` ${seconds} seconde` +
+    (seconds > 1 ? 's' : '')
 }, 1000)
-
 </script>
 
 <template>
   <p :class="props.class">{{ countdownDisplay }}</p>
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>

summer2024-frontend/src/components/PostComponent.vue

@@ -14,42 +14,42 @@ const postActionBtn = ref(null)
 function postDataToggle() {
   if (postDataVisible.value) {
     for (const data of postData.value) {
-      data.classList.remove('backdrop-blur-sm');
-      data.classList.remove('bg-gray-400/10');
-      data.classList.add('bg-gray-400/0');
+      data.classList.remove('backdrop-blur-sm')
+      data.classList.remove('bg-gray-400/10')
+      data.classList.add('bg-gray-400/0')
     }
     for (const title of postDataTitle.value) {
-      title.classList.add("opacity-0");
+      title.classList.add('opacity-0')
     }
     for (const desc of postDataDescription.value) {
-      desc.classList.add("opacity-0");
-      desc.classList.remove("scrollable-element");
+      desc.classList.add('opacity-0')
+      desc.classList.remove('scrollable-element')
     }
     for (const btn of postActionBtn.value) {
-      btn.classList.remove("top-0");
-      btn.classList.remove("right-0");
-      btn.classList.add("left-0");
-      btn.classList.add("bottom-0");
+      btn.classList.remove('top-0')
+      btn.classList.remove('right-0')
+      btn.classList.add('left-0')
+      btn.classList.add('bottom-0')
     }
     postDataVisible.value = false
   } else {
     for (const data of postData.value) {
-      data.classList.add('backdrop-blur-sm');
-      data.classList.add('bg-gray-400/10');
-      data.classList.remove('bg-gray-400/0');
+      data.classList.add('backdrop-blur-sm')
+      data.classList.add('bg-gray-400/10')
+      data.classList.remove('bg-gray-400/0')
     }
     for (const title of postDataTitle.value) {
-      title.classList.remove("opacity-0");
+      title.classList.remove('opacity-0')
     }
     for (const desc of postDataDescription.value) {
-      desc.classList.remove("opacity-0");
-      desc.classList.add("scrollable-element");
+      desc.classList.remove('opacity-0')
+      desc.classList.add('scrollable-element')
     }
     for (const btn of postActionBtn.value) {
-      btn.classList.add("top-0");
-      btn.classList.add("right-0");
-      btn.classList.remove("left-0");
-      btn.classList.remove("bottom-0");
+      btn.classList.add('top-0')
+      btn.classList.add('right-0')
+      btn.classList.remove('left-0')
+      btn.classList.remove('bottom-0')
     }
     postDataVisible.value = true
   }
@@ -83,5 +83,4 @@ function postDataToggle() {
   </div>
 </template>
 
-<style scoped>
-</style>
+<style scoped></style>

summer2024-frontend/src/components/ui/alert/Alert.vue

@@ -1,11 +1,11 @@
 <script setup>
-import { alertVariants } from ".";
-import { cn } from "@/lib/utils";
+import { alertVariants } from '.'
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
   class: { type: null, required: false },
-  variant: { type: null, required: false },
-});
+  variant: { type: null, required: false }
+})
 </script>
 
 <template>

summer2024-frontend/src/components/ui/alert/AlertDescription.vue

@@ -1,9 +1,9 @@
 <script setup>
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 </script>
 
 <template>

summer2024-frontend/src/components/ui/alert/AlertTitle.vue

@@ -1,9 +1,9 @@
 <script setup>
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 </script>
 
 <template>

summer2024-frontend/src/components/ui/alert/index.js

@@ -1,21 +1,21 @@
-import { cva } from "class-variance-authority";
+import { 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 './Alert.vue'
+export { default as AlertTitle } from './AlertTitle.vue'
+export { default as AlertDescription } from './AlertDescription.vue'
 
 export const alertVariants = cva(
-  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  'relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground',
   {
     variants: {
       variant: {
-        default: "bg-background text-foreground",
+        default: 'bg-background text-foreground',
         destructive:
-          "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
-      },
+          'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive'
+      }
     },
     defaultVariants: {
-      variant: "default",
-    },
-  },
-);
+      variant: 'default'
+    }
+  }
+)

summer2024-frontend/src/components/ui/card/Card.vue

@@ -1,20 +1,13 @@
 <script setup>
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 </script>
 
 <template>
-  <div
-    :class="
-      cn(
-        'rounded-lg border bg-card text-card-foreground shadow-sm',
-        props.class,
-      )
-    "
-  >
+  <div :class="cn('rounded-lg border bg-card text-card-foreground shadow-sm', props.class)">
     <slot />
   </div>
 </template>

summer2024-frontend/src/components/ui/card/CardContent.vue

@@ -1,9 +1,9 @@
 <script setup>
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 </script>
 
 <template>

summer2024-frontend/src/components/ui/card/CardDescription.vue

@@ -1,9 +1,9 @@
 <script setup>
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 </script>
 
 <template>

summer2024-frontend/src/components/ui/card/CardFooter.vue

@@ -1,9 +1,9 @@
 <script setup>
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 </script>
 
 <template>

summer2024-frontend/src/components/ui/card/CardHeader.vue

@@ -1,9 +1,9 @@
 <script setup>
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 </script>
 
 <template>

summer2024-frontend/src/components/ui/card/CardTitle.vue

@@ -1,17 +1,13 @@
 <script setup>
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 </script>
 
 <template>
-  <h3
-    :class="
-      cn('text-2xl font-semibold leading-none tracking-tight', props.class)
-    "
-  >
+  <h3 :class="cn('text-2xl font-semibold leading-none tracking-tight', props.class)">
     <slot />
   </h3>
 </template>

summer2024-frontend/src/components/ui/card/index.js

@@ -1,6 +1,6 @@
-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";
+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'

summer2024-frontend/src/components/ui/carousel/Carousel.vue

@@ -1,34 +1,34 @@
 <script setup>
-import { useProvideCarousel } from "./useCarousel";
-import { cn } from "@/lib/utils";
+import { useProvideCarousel } from './useCarousel'
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
   opts: { type: null, required: false },
   plugins: { type: null, required: false },
-  orientation: { type: String, required: false, default: "horizontal" },
-  class: { type: null, required: false },
-});
+  orientation: { type: String, required: false, default: 'horizontal' },
+  class: { type: null, required: false }
+})
 
-const emits = defineEmits(["init-api"]);
+const emits = defineEmits(['init-api'])
 
-const carouselArgs = useProvideCarousel(props, emits);
+const carouselArgs = useProvideCarousel(props, emits)
 
-defineExpose(carouselArgs);
+defineExpose(carouselArgs)
 
 function onKeyDown(event) {
-  const prevKey = props.orientation === "vertical" ? "ArrowUp" : "ArrowLeft";
-  const nextKey = props.orientation === "vertical" ? "ArrowDown" : "ArrowRight";
+  const prevKey = props.orientation === 'vertical' ? 'ArrowUp' : 'ArrowLeft'
+  const nextKey = props.orientation === 'vertical' ? 'ArrowDown' : 'ArrowRight'
 
   if (event.key === prevKey) {
-    event.preventDefault();
-    carouselArgs.scrollPrev();
+    event.preventDefault()
+    carouselArgs.scrollPrev()
 
-    return;
+    return
   }
 
   if (event.key === nextKey) {
-    event.preventDefault();
-    carouselArgs.scrollNext();
+    event.preventDefault()
+    carouselArgs.scrollNext()
   }
 }
 </script>

summer2024-frontend/src/components/ui/carousel/CarouselContent.vue

@@ -1,28 +1,22 @@
 <script setup>
-import { useCarousel } from "./useCarousel";
-import { cn } from "@/lib/utils";
+import { useCarousel } from './useCarousel'
+import { cn } from '@/lib/utils'
 
 defineOptions({
-  inheritAttrs: false,
-});
+  inheritAttrs: false
+})
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 
-const { carouselRef, orientation } = useCarousel();
+const { carouselRef, orientation } = useCarousel()
 </script>
 
 <template>
   <div ref="carouselRef" class="overflow-hidden">
     <div
-      :class="
-        cn(
-          'flex',
-          orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',
-          props.class,
-        )
-      "
+      :class="cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', props.class)"
       v-bind="$attrs"
     >
       <slot />

summer2024-frontend/src/components/ui/carousel/CarouselItem.vue

@@ -1,12 +1,12 @@
 <script setup>
-import { useCarousel } from "./useCarousel";
-import { cn } from "@/lib/utils";
+import { useCarousel } from './useCarousel'
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 
-const { orientation } = useCarousel();
+const { orientation } = useCarousel()
 </script>
 
 <template>
@@ -17,7 +17,7 @@ const { orientation } = useCarousel();
       cn(
         'min-w-0 shrink-0 grow-0 basis-full',
         orientation === 'horizontal' ? 'pl-4' : 'pt-4',
-        props.class,
+        props.class
       )
     "
   >

summer2024-frontend/src/components/ui/carousel/CarouselNext.vue

@@ -1,14 +1,14 @@
 <script setup>
-import { ArrowRight } from "lucide-vue-next";
-import { useCarousel } from "./useCarousel";
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
+import { ArrowRight } from 'lucide-vue-next'
+import { useCarousel } from './useCarousel'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 
-const { orientation, canScrollNext, scrollNext } = useCarousel();
+const { orientation, canScrollNext, scrollNext } = useCarousel()
 </script>
 
 <template>
@@ -20,7 +20,7 @@ const { orientation, canScrollNext, scrollNext } = useCarousel();
         orientation === 'horizontal'
           ? '-right-12 top-1/2 -translate-y-1/2'
           : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',
-        props.class,
+        props.class
       )
     "
     variant="outline"

summer2024-frontend/src/components/ui/carousel/CarouselPrevious.vue

@@ -1,14 +1,14 @@
 <script setup>
-import { ArrowLeft } from "lucide-vue-next";
-import { useCarousel } from "./useCarousel";
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
+import { ArrowLeft } from 'lucide-vue-next'
+import { useCarousel } from './useCarousel'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 
-const { orientation, canScrollPrev, scrollPrev } = useCarousel();
+const { orientation, canScrollPrev, scrollPrev } = useCarousel()
 </script>
 
 <template>
@@ -20,7 +20,7 @@ const { orientation, canScrollPrev, scrollPrev } = useCarousel();
         orientation === 'horizontal'
           ? '-left-12 top-1/2 -translate-y-1/2'
           : '-top-12 left-1/2 -translate-x-1/2 rotate-90',
-        props.class,
+        props.class
       )
     "
     variant="outline"

summer2024-frontend/src/components/ui/carousel/index.js

@@ -1,6 +1,6 @@
-export { default as Carousel } from "./Carousel.vue";
-export { default as CarouselContent } from "./CarouselContent.vue";
-export { default as CarouselItem } from "./CarouselItem.vue";
-export { default as CarouselPrevious } from "./CarouselPrevious.vue";
-export { default as CarouselNext } from "./CarouselNext.vue";
-export { useCarousel } from "./useCarousel";
+export { default as Carousel } from './Carousel.vue'
+export { default as CarouselContent } from './CarouselContent.vue'
+export { default as CarouselItem } from './CarouselItem.vue'
+export { default as CarouselPrevious } from './CarouselPrevious.vue'
+export { default as CarouselNext } from './CarouselNext.vue'
+export { useCarousel } from './useCarousel'

summer2024-frontend/src/components/ui/carousel/interface.js

@@ -1 +1 @@
-export {};
+export {}

summer2024-frontend/src/components/ui/carousel/useCarousel.js

@@ -1,41 +1,41 @@
-import { createInjectionState } from "@vueuse/core";
-import emblaCarouselVue from "embla-carousel-vue";
-import { onMounted, ref } from "vue";
+import { createInjectionState } from '@vueuse/core'
+import emblaCarouselVue from 'embla-carousel-vue'
+import { onMounted, ref } from 'vue'
 
 const [useProvideCarousel, useInjectCarousel] = createInjectionState(
   ({ opts, orientation, plugins }, emits) => {
     const [emblaNode, emblaApi] = emblaCarouselVue(
       {
         ...opts,
-        axis: orientation === "horizontal" ? "x" : "y",
+        axis: orientation === 'horizontal' ? 'x' : 'y'
       },
-      plugins,
-    );
+      plugins
+    )
 
     function scrollPrev() {
-      emblaApi.value?.scrollPrev();
+      emblaApi.value?.scrollPrev()
     }
     function scrollNext() {
-      emblaApi.value?.scrollNext();
+      emblaApi.value?.scrollNext()
     }
 
-    const canScrollNext = ref(false);
-    const canScrollPrev = ref(false);
+    const canScrollNext = ref(false)
+    const canScrollPrev = ref(false)
 
     function onSelect(api) {
-      canScrollNext.value = api?.canScrollNext() || false;
-      canScrollPrev.value = api?.canScrollPrev() || false;
+      canScrollNext.value = api?.canScrollNext() || false
+      canScrollPrev.value = api?.canScrollPrev() || false
     }
 
     onMounted(() => {
-      if (!emblaApi.value) return;
+      if (!emblaApi.value) return
 
-      emblaApi.value?.on("init", onSelect);
-      emblaApi.value?.on("reInit", onSelect);
-      emblaApi.value?.on("select", onSelect);
+      emblaApi.value?.on('init', onSelect)
+      emblaApi.value?.on('reInit', onSelect)
+      emblaApi.value?.on('select', onSelect)
 
-      emits("init-api", emblaApi.value);
-    });
+      emits('init-api', emblaApi.value)
+    })
 
     return {
       carouselRef: emblaNode,
@@ -44,18 +44,17 @@ const [useProvideCarousel, useInjectCarousel] = createInjectionState(
       canScrollNext,
       scrollPrev,
       scrollNext,
-      orientation,
-    };
-  },
-);
+      orientation
+    }
+  }
+)
 
 function useCarousel() {
-  const carouselState = useInjectCarousel();
+  const carouselState = useInjectCarousel()
 
-  if (!carouselState)
-    throw new Error("useCarousel must be used within a <Carousel />");
+  if (!carouselState) throw new Error('useCarousel must be used within a <Carousel />')
 
-  return carouselState;
+  return carouselState
 }
 
-export { useCarousel, useProvideCarousel };
+export { useCarousel, useProvideCarousel }

summer2024-frontend/src/components/ui/form/FormControl.vue

@@ -1,16 +1,14 @@
 <script setup>
-import { Slot } from "radix-vue";
-import { useFormField } from "./useFormField";
+import { Slot } from 'radix-vue'
+import { useFormField } from './useFormField'
 
-const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
 </script>
 
 <template>
   <Slot
     :id="formItemId"
-    :aria-describedby="
-      !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`
-    "
+    :aria-describedby="!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`"
     :aria-invalid="!!error"
   >
     <slot />

summer2024-frontend/src/components/ui/form/FormDescription.vue

@@ -1,19 +1,16 @@
 <script setup>
-import { useFormField } from "./useFormField";
-import { cn } from "@/lib/utils";
+import { useFormField } from './useFormField'
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 
-const { formDescriptionId } = useFormField();
+const { formDescriptionId } = useFormField()
 </script>
 
 <template>
-  <p
-    :id="formDescriptionId"
-    :class="cn('text-sm text-muted-foreground', props.class)"
-  >
+  <p :id="formDescriptionId" :class="cn('text-sm text-muted-foreground', props.class)">
     <slot />
   </p>
 </template>

summer2024-frontend/src/components/ui/form/FormItem.vue

@@ -1,15 +1,15 @@
 <script setup>
-import { provide } from "vue";
-import { useId } from "radix-vue";
-import { FORM_ITEM_INJECTION_KEY } from "./injectionKeys";
-import { cn } from "@/lib/utils";
+import { provide } from 'vue'
+import { useId } from 'radix-vue'
+import { FORM_ITEM_INJECTION_KEY } from './injectionKeys'
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 
-const id = useId();
-provide(FORM_ITEM_INJECTION_KEY, id);
+const id = useId()
+provide(FORM_ITEM_INJECTION_KEY, id)
 </script>
 
 <template>

summer2024-frontend/src/components/ui/form/FormLabel.vue

@@ -1,23 +1,20 @@
 <script setup>
-import { useFormField } from "./useFormField";
-import { cn } from "@/lib/utils";
-import { Label } from "@/components/ui/label";
+import { useFormField } from './useFormField'
+import { cn } from '@/lib/utils'
+import { Label } from '@/components/ui/label'
 
 const props = defineProps({
   for: { type: String, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 
-const { error, formItemId } = useFormField();
+const { error, formItemId } = useFormField()
 </script>
 
 <template>
-  <Label
-    :class="cn(error && 'text-destructive', props.class)"
-    :for="formItemId"
-  >
+  <Label :class="cn(error && 'text-destructive', props.class)" :for="formItemId">
     <slot />
   </Label>
 </template>

summer2024-frontend/src/components/ui/form/FormMessage.vue

@@ -1,9 +1,9 @@
 <script setup>
-import { ErrorMessage } from "vee-validate";
-import { toValue } from "vue";
-import { useFormField } from "./useFormField";
+import { ErrorMessage } from 'vee-validate'
+import { toValue } from 'vue'
+import { useFormField } from './useFormField'
 
-const { name, formMessageId } = useFormField();
+const { name, formMessageId } = useFormField()
 </script>
 
 <template>

summer2024-frontend/src/components/ui/form/index.js

@@ -1,7 +1,7 @@
-export { Form, Field as FormField } from "vee-validate";
-export { default as FormItem } from "./FormItem.vue";
-export { default as FormLabel } from "./FormLabel.vue";
-export { default as FormControl } from "./FormControl.vue";
-export { default as FormMessage } from "./FormMessage.vue";
-export { default as FormDescription } from "./FormDescription.vue";
-export { FORM_ITEM_INJECTION_KEY } from "./injectionKeys";
+export { Form, Field as FormField } from 'vee-validate'
+export { default as FormItem } from './FormItem.vue'
+export { default as FormLabel } from './FormLabel.vue'
+export { default as FormControl } from './FormControl.vue'
+export { default as FormMessage } from './FormMessage.vue'
+export { default as FormDescription } from './FormDescription.vue'
+export { FORM_ITEM_INJECTION_KEY } from './injectionKeys'

summer2024-frontend/src/components/ui/form/injectionKeys.js

@@ -1 +1 @@
-export const FORM_ITEM_INJECTION_KEY = Symbol();
+export const FORM_ITEM_INJECTION_KEY = Symbol()

summer2024-frontend/src/components/ui/form/useFormField.js

@@ -3,27 +3,26 @@ import {
   useFieldError,
   useIsFieldDirty,
   useIsFieldTouched,
-  useIsFieldValid,
-} from "vee-validate";
-import { inject } from "vue";
-import { FORM_ITEM_INJECTION_KEY } from "./injectionKeys";
+  useIsFieldValid
+} from 'vee-validate'
+import { inject } from 'vue'
+import { FORM_ITEM_INJECTION_KEY } from './injectionKeys'
 
 export function useFormField() {
-  const fieldContext = inject(FieldContextKey);
-  const fieldItemContext = inject(FORM_ITEM_INJECTION_KEY);
+  const fieldContext = inject(FieldContextKey)
+  const fieldItemContext = inject(FORM_ITEM_INJECTION_KEY)
 
-  if (!fieldContext)
-    throw new Error("useFormField should be used within <FormField>");
+  if (!fieldContext) throw new Error('useFormField should be used within <FormField>')
 
-  const { name } = fieldContext;
-  const id = fieldItemContext;
+  const { name } = fieldContext
+  const id = fieldItemContext
 
   const fieldState = {
     valid: useIsFieldValid(name),
     isDirty: useIsFieldDirty(name),
     isTouched: useIsFieldTouched(name),
-    error: useFieldError(name),
-  };
+    error: useFieldError(name)
+  }
 
   return {
     id,
@@ -31,6 +30,6 @@ export function useFormField() {
     formItemId: `${id}-form-item`,
     formDescriptionId: `${id}-form-item-description`,
     formMessageId: `${id}-form-item-message`,
-    ...fieldState,
-  };
+    ...fieldState
+  }
 }

summer2024-frontend/src/components/ui/input/Input.vue

@@ -1,19 +1,19 @@
 <script setup>
-import { useVModel } from "@vueuse/core";
-import { cn } from "@/lib/utils";
+import { useVModel } from '@vueuse/core'
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
   defaultValue: { type: [String, Number], required: false },
   modelValue: { type: [String, Number], required: false },
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 
-const emits = defineEmits(["update:modelValue"]);
+const emits = defineEmits(['update:modelValue'])
 
-const modelValue = useVModel(props, "modelValue", emits, {
+const modelValue = useVModel(props, 'modelValue', emits, {
   passive: true,
-  defaultValue: props.defaultValue,
-});
+  defaultValue: props.defaultValue
+})
 </script>
 
 <template>
@@ -22,7 +22,7 @@ const modelValue = useVModel(props, "modelValue", emits, {
     :class="
       cn(
         'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
-        props.class,
+        props.class
       )
     "
   />

summer2024-frontend/src/components/ui/input/index.js

@@ -1 +1 @@
-export { default as Input } from "./Input.vue";
+export { default as Input } from './Input.vue'

summer2024-frontend/src/components/ui/label/Label.vue

@@ -1,20 +1,20 @@
 <script setup>
-import { computed } from "vue";
-import { Label } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { computed } from 'vue'
+import { Label } from 'radix-vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
   for: { type: String, required: false },
   asChild: { type: Boolean, required: false },
   as: { type: null, required: false },
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
+  const { class: _, ...delegated } = props
 
-  return delegated;
-});
+  return delegated
+})
 </script>
 
 <template>
@@ -23,7 +23,7 @@ const delegatedProps = computed(() => {
     :class="
       cn(
         'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
-        props.class,
+        props.class
       )
     "
   >

summer2024-frontend/src/components/ui/label/index.js

@@ -1 +1 @@
-export { default as Label } from "./Label.vue";
+export { default as Label } from './Label.vue'

summer2024-frontend/src/components/ui/table/Table.vue

@@ -1,9 +1,9 @@
 <script setup>
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 </script>
 
 <template>

summer2024-frontend/src/components/ui/table/TableBody.vue

@@ -1,9 +1,9 @@
 <script setup>
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 </script>
 
 <template>

summer2024-frontend/src/components/ui/table/TableCaption.vue

@@ -1,9 +1,9 @@
 <script setup>
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 </script>
 
 <template>

summer2024-frontend/src/components/ui/table/TableCell.vue

@@ -1,15 +1,13 @@
 <script setup>
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 </script>
 
 <template>
-  <td
-    :class="cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', props.class)"
-  >
+  <td :class="cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', props.class)">
     <slot />
   </td>
 </template>

summer2024-frontend/src/components/ui/table/TableEmpty.vue

@@ -1,29 +1,25 @@
 <script setup>
-import { computed } from "vue";
-import TableRow from "./TableRow.vue";
-import TableCell from "./TableCell.vue";
-import { cn } from "@/lib/utils";
+import { computed } from 'vue'
+import TableRow from './TableRow.vue'
+import TableCell from './TableCell.vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
   class: { type: null, required: false },
-  colspan: { type: Number, required: false, default: 1 },
-});
+  colspan: { type: Number, required: false, default: 1 }
+})
 
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
+  const { class: _, ...delegated } = props
 
-  return delegated;
-});
+  return delegated
+})
 </script>
 
 <template>
   <TableRow>
     <TableCell
-      :class="
-cn(
-  'p-4 whitespace-nowrap align-middle text-sm text-foreground',
-  props.class
-)"
+      :class="cn('p-4 whitespace-nowrap align-middle text-sm text-foreground', props.class)"
       v-bind="delegatedProps"
     >
       <div class="flex items-center justify-center py-10">

summer2024-frontend/src/components/ui/table/TableFooter.vue

@@ -1,17 +1,13 @@
 <script setup>
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 </script>
 
 <template>
-  <tfoot
-    :class="
-      cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', props.class)
-    "
-  >
+  <tfoot :class="cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', props.class)">
     <slot />
   </tfoot>
 </template>

summer2024-frontend/src/components/ui/table/TableHead.vue

@@ -1,9 +1,9 @@
 <script setup>
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 </script>
 
 <template>
@@ -11,7 +11,7 @@ const props = defineProps({
     :class="
       cn(
         'h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0',
-        props.class,
+        props.class
       )
     "
   >

summer2024-frontend/src/components/ui/table/TableHeader.vue

@@ -1,9 +1,9 @@
 <script setup>
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 </script>
 
 <template>

summer2024-frontend/src/components/ui/table/TableRow.vue

@@ -1,18 +1,15 @@
 <script setup>
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 </script>
 
 <template>
   <tr
     :class="
-      cn(
-        'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',
-        props.class,
-      )
+      cn('border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted', props.class)
     "
   >
     <slot />

summer2024-frontend/src/components/ui/table/index.js

@@ -1,9 +1,9 @@
-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 TableFooter } from "./TableFooter.vue";
-export { default as TableRow } from "./TableRow.vue";
-export { default as TableCaption } from "./TableCaption.vue";
-export { default as TableEmpty } from "./TableEmpty.vue";
+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 TableFooter } from './TableFooter.vue'
+export { default as TableRow } from './TableRow.vue'
+export { default as TableCaption } from './TableCaption.vue'
+export { default as TableEmpty } from './TableEmpty.vue'

summer2024-frontend/src/components/ui/textarea/Textarea.vue

@@ -1,19 +1,19 @@
 <script setup>
-import { useVModel } from "@vueuse/core";
-import { cn } from "@/lib/utils";
+import { useVModel } from '@vueuse/core'
+import { cn } from '@/lib/utils'
 
 const props = defineProps({
   class: { type: null, required: false },
   defaultValue: { type: [String, Number], required: false },
-  modelValue: { type: [String, Number], required: false },
-});
+  modelValue: { type: [String, Number], required: false }
+})
 
-const emits = defineEmits(["update:modelValue"]);
+const emits = defineEmits(['update:modelValue'])
 
-const modelValue = useVModel(props, "modelValue", emits, {
+const modelValue = useVModel(props, 'modelValue', emits, {
   passive: true,
-  defaultValue: props.defaultValue,
-});
+  defaultValue: props.defaultValue
+})
 </script>
 
 <template>
@@ -22,7 +22,7 @@ const modelValue = useVModel(props, "modelValue", emits, {
     :class="
       cn(
         'flex min-h-20 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
-        props.class,
+        props.class
       )
     "
   />

summer2024-frontend/src/components/ui/textarea/index.js

@@ -1 +1 @@
-export { default as Textarea } from "./Textarea.vue";
+export { default as Textarea } from './Textarea.vue'

summer2024-frontend/src/components/ui/tooltip/Tooltip.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { TooltipRoot, useForwardPropsEmits } from "radix-vue";
+import { TooltipRoot, useForwardPropsEmits } from 'radix-vue'
 
 const props = defineProps({
   defaultOpen: { type: Boolean, required: false },
@@ -8,11 +8,11 @@ const props = defineProps({
   disableHoverableContent: { type: Boolean, required: false },
   disableClosingTrigger: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
-  ignoreNonKeyboardFocus: { type: Boolean, required: false },
-});
-const emits = defineEmits(["update:open"]);
+  ignoreNonKeyboardFocus: { type: Boolean, required: false }
+})
+const emits = defineEmits(['update:open'])
 
-const forwarded = useForwardPropsEmits(props, emits);
+const forwarded = useForwardPropsEmits(props, emits)
 </script>
 
 <template>

summer2024-frontend/src/components/ui/tooltip/TooltipContent.vue

@@ -1,11 +1,11 @@
 <script setup>
-import { computed } from "vue";
-import { TooltipContent, TooltipPortal, useForwardPropsEmits } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { computed } from 'vue'
+import { TooltipContent, TooltipPortal, useForwardPropsEmits } from 'radix-vue'
+import { cn } from '@/lib/utils'
 
 defineOptions({
-  inheritAttrs: false,
-});
+  inheritAttrs: false
+})
 
 const props = defineProps({
   forceMount: { type: Boolean, required: false },
@@ -22,18 +22,18 @@ const props = defineProps({
   arrowPadding: { type: Number, required: false },
   sticky: { type: String, required: false },
   hideWhenDetached: { type: Boolean, required: false },
-  class: { type: null, required: false },
-});
+  class: { type: null, required: false }
+})
 
-const emits = defineEmits(["escapeKeyDown", "pointerDownOutside"]);
+const emits = defineEmits(['escapeKeyDown', 'pointerDownOutside'])
 
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
+  const { class: _, ...delegated } = props
 
-  return delegated;
-});
+  return delegated
+})
 
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
+const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>
 
 <template>
@@ -43,7 +43,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
       :class="
         cn(
           'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-          props.class,
+          props.class
         )
       "
     >

summer2024-frontend/src/components/ui/tooltip/TooltipProvider.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { TooltipProvider } from "radix-vue";
+import { TooltipProvider } from 'radix-vue'
 
 const props = defineProps({
   delayDuration: { type: Number, required: false },
@@ -7,8 +7,8 @@ const props = defineProps({
   disableHoverableContent: { type: Boolean, required: false },
   disableClosingTrigger: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
-  ignoreNonKeyboardFocus: { type: Boolean, required: false },
-});
+  ignoreNonKeyboardFocus: { type: Boolean, required: false }
+})
 </script>
 
 <template>

summer2024-frontend/src/components/ui/tooltip/TooltipTrigger.vue

@@ -1,10 +1,10 @@
 <script setup>
-import { TooltipTrigger } from "radix-vue";
+import { TooltipTrigger } from 'radix-vue'
 
 const props = defineProps({
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-});
+  as: { type: null, required: false }
+})
 </script>
 
 <template>

summer2024-frontend/src/components/ui/tooltip/index.js

@@ -1,4 +1,4 @@
-export { default as Tooltip } from "./Tooltip.vue";
-export { default as TooltipContent } from "./TooltipContent.vue";
-export { default as TooltipTrigger } from "./TooltipTrigger.vue";
-export { default as TooltipProvider } from "./TooltipProvider.vue";
+export { default as Tooltip } from './Tooltip.vue'
+export { default as TooltipContent } from './TooltipContent.vue'
+export { default as TooltipTrigger } from './TooltipTrigger.vue'
+export { default as TooltipProvider } from './TooltipProvider.vue'