diff --git a/app.vue b/app.vue
index 3dfef03..f3eb9f3 100644
--- a/app.vue
+++ b/app.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { ConfigProvider } from 'radix-vue'
+import { ConfigProvider } from "radix-vue"
 
 useHead({
   titleTemplate: (titleChunk) => {
-    return titleChunk ? `${titleChunk} — TTTools` : 'TTTools';
+    return titleChunk ? `${titleChunk} — TTTools` : "TTTools";
   },
   htmlAttrs: {
-    lang: 'fr'
+    lang: "fr"
   },
   meta: [
     { name: "charset", content: "UTF-8" },
@@ -18,14 +18,14 @@ useHead({
     { name: "theme-color", content: "00aba9" },
     { name: "og:type", content: "tabletop-tools" },
     { name: "og:url", content: "ttt.alexcreates.fr" },
-    { name: 'robots', content: 'noindex, nofollow'}
+    { name: "robots", content: "noindex, nofollow"}
   ],
   link: [
-    { rel: 'apple-touch-icon', sizes: "76x76", href: '/apple-touch-icon.png' },
-    { rel: 'icon', sizes: "32x32", type: 'image/png', href: '/favicon-32x32.png' },
-    { rel: 'icon', sizes: "16x16", type: 'image/png', href: '/favicon-16x16.png' },
-    { rel: 'manifest', href: '/site.webmanifest' },
-    { rel: 'mask-icon', href: '/safari-pinned-tab.svg', color: '#6595b4' },
+    { rel: "apple-touch-icon", sizes: "76x76", href: "/apple-touch-icon.png" },
+    { rel: "icon", sizes: "32x32", type: "image/png", href: "/favicon-32x32.png" },
+    { rel: "icon", sizes: "16x16", type: "image/png", href: "/favicon-16x16.png" },
+    { rel: "manifest", href: "/site.webmanifest" },
+    { rel: "mask-icon", href: "/safari-pinned-tab.svg", color: "#6595b4" },
   ]
 })
 
diff --git a/components/calendar/Calendar.vue b/components/calendar/Calendar.vue
index b2b10bf..2dd6b7f 100644
--- a/components/calendar/Calendar.vue
+++ b/components/calendar/Calendar.vue
@@ -1,15 +1,15 @@
 <script lang="ts" setup>
-import { useCalendar } from '@/stores/CalendarStore'
-import { computed, type Component, type ComputedRef } from 'vue'
+import { useCalendar } from "@/stores/CalendarStore"
+import { computed, type Component, type ComputedRef } from "vue"
 
 // import { PhMagnifyingGlass } from '@phosphor-icons/vue'
-import MonthlyLayout from './state/monthly/Layout.vue'
-import CenturyLayout from './state/centennially/Layout.vue'
-import DecadeLayout from './state/decennially/Layout.vue'
-import YearLayout from './state/yearly/Layout.vue'
+import MonthlyLayout from "./state/monthly/Layout.vue"
+import CenturyLayout from "./state/centennially/Layout.vue"
+import DecadeLayout from "./state/decennially/Layout.vue"
+import YearLayout from "./state/yearly/Layout.vue"
 
-import type { Calendar } from '~/models/CalendarConfig'
-import type { Category } from '~/models/Category'
+import type { Calendar } from "~/models/CalendarConfig"
+import type { Category } from "~/models/Category"
 
 const props = defineProps<{
   calendarData: Calendar,
@@ -25,16 +25,16 @@ const { currentConfig, jumpToDate, selectedDate } = useCalendar()
 
 const currentViewComponent: ComputedRef<Component> = computed<Component>(() => {
   switch (currentConfig.viewType) {
-    case 'month':
+    case "month":
       return MonthlyLayout
 
-    case 'year':
+    case "year":
       return YearLayout
 
-    case 'decade':
+    case "decade":
       return DecadeLayout
 
-    case 'century':
+    case "century":
     default:
       return CenturyLayout
   }
diff --git a/components/calendar/CalendarCurrentDate.vue b/components/calendar/CalendarCurrentDate.vue
index 6447d5e..279e514 100644
--- a/components/calendar/CalendarCurrentDate.vue
+++ b/components/calendar/CalendarCurrentDate.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { storeToRefs } from 'pinia'
-import { computed } from 'vue'
+import { storeToRefs } from "pinia"
+import { computed } from "vue"
 
-import { PhMapPin } from '@phosphor-icons/vue'
+import { PhMapPin } from "@phosphor-icons/vue"
 
 const { defaultDate, getFormattedDateTitle, getRelativeString } = useCalendar()
 const { selectedDate } = storeToRefs(useCalendar())
diff --git a/components/calendar/CalendarEvent.vue b/components/calendar/CalendarEvent.vue
index 75b7513..31d9a4d 100644
--- a/components/calendar/CalendarEvent.vue
+++ b/components/calendar/CalendarEvent.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils'
-import type { RPGDate } from '@/models/Date'
-import type { CalendarEvent } from '~/models/CalendarEvent'
+import { cn } from "@/lib/utils"
+import type { RPGDate } from "@/models/Date"
+import type { CalendarEvent } from "~/models/CalendarEvent"
 
 const props = defineProps<{
   event: CalendarEvent
@@ -39,12 +39,12 @@ function handleClosePopover() {
 
 onMounted(() => {
   // Listen for keydown events
-  window.addEventListener('keydown', (e: KeyboardEvent) => {
+  window.addEventListener("keydown", (e: KeyboardEvent) => {
     // If the popover isn't opened, this is not the event we're trying to delete, so return
     if (!isPopoverDetailsOpen.value) return
 
     // If the key isn't the delete one, return
-    if (e.key !== 'Delete') return
+    if (e.key !== "Delete") return
 
     handleDelete()
   })
diff --git a/components/calendar/CalendarEventDetails.vue b/components/calendar/CalendarEventDetails.vue
index 5fcd868..403835e 100644
--- a/components/calendar/CalendarEventDetails.vue
+++ b/components/calendar/CalendarEventDetails.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils'
-import type { RPGDate } from '@/models/Date'
-import type { CalendarEvent } from '@/models/CalendarEvent'
-import { useCalendar } from '@/stores/CalendarStore'
+import { cn } from "@/lib/utils"
+import type { RPGDate } from "@/models/Date"
+import type { CalendarEvent } from "@/models/CalendarEvent"
+import { useCalendar } from "@/stores/CalendarStore"
 
 import {
   PhHourglassMedium,
@@ -12,7 +12,7 @@ import {
   PhMapPinArea,
   PhDotsThreeOutlineVertical,
   PhEye
-} from '@phosphor-icons/vue'
+} from "@phosphor-icons/vue"
 
 const { defaultDate, getFormattedDateTitle, jumpToDate, getRelativeString, revealEditEventModal, revealDeleteEventModal } = useCalendar()
 const { lastActiveEvent } = storeToRefs(useCalendar())
@@ -27,16 +27,16 @@ const props = defineProps<{
 // Ref for the popover
 const eventDetails = ref<HTMLElement>()
 
-const emit = defineEmits(['query:close-popover'])
+const emit = defineEmits(["query:close-popover"])
 
 const dateDifference: string = getRelativeString(defaultDate, props.event.startDate)
 const dateDuration: string | null = props.event.endDate
-  ? getRelativeString(props.event.startDate, props.event.endDate, 'compact')
+  ? getRelativeString(props.event.startDate, props.event.endDate, "compact")
   : null
 
 function handleJumpToDate(date: RPGDate) {
   jumpToDate(date)
-  emit('query:close-popover')
+  emit("query:close-popover")
 }
 
 /**
diff --git a/components/calendar/CalendarMenu.vue b/components/calendar/CalendarMenu.vue
index 69f5a51..008082c 100644
--- a/components/calendar/CalendarMenu.vue
+++ b/components/calendar/CalendarMenu.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { useCalendar } from '@/stores/CalendarStore'
+import { useCalendar } from "@/stores/CalendarStore"
 
-import { PhMagnifyingGlass } from '@phosphor-icons/vue'
+import { PhMagnifyingGlass } from "@phosphor-icons/vue"
 
 const { revealAdvancedSearch } = useCalendar()
 </script>
diff --git a/components/calendar/CalendarMenuNav.vue b/components/calendar/CalendarMenuNav.vue
index 3593ee0..45a8ac9 100644
--- a/components/calendar/CalendarMenuNav.vue
+++ b/components/calendar/CalendarMenuNav.vue
@@ -1,13 +1,13 @@
 <script lang="ts" setup>
-import { computed, type ComputedRef } from 'vue'
-import { useCalendar } from '@/stores/CalendarStore'
+import { computed, type ComputedRef } from "vue"
+import { useCalendar } from "@/stores/CalendarStore"
 
 import {
   PhCaretDoubleLeft,
   PhCaretDoubleRight,
   PhCaretLeft,
   PhCaretRight
-} from '@phosphor-icons/vue'
+} from "@phosphor-icons/vue"
 
 interface DirectionLabels {
   pastFar: string
@@ -21,56 +21,56 @@ const { currentConfig, decrementViewMonth, incrementViewMonth, decrementViewYear
 
 const activeDirectionLabels: ComputedRef<DirectionLabels> = computed(() => {
   switch (currentConfig.viewType) {
-    case 'month':
+    case "month":
       return {
-        pastFar: 'Année précédente',
-        pastNear: 'Mois précédent',
-        futureNear: 'Mois suivant',
-        futureFar: 'Année suivante'
+        pastFar: "Année précédente",
+        pastNear: "Mois précédent",
+        futureNear: "Mois suivant",
+        futureFar: "Année suivante"
       }
 
-    case 'year':
+    case "year":
       return {
-        pastFar: 'Décennie précédente',
-        pastNear: 'Année précédente',
-        futureNear: 'Année suivante',
-        futureFar: 'Décennie suivante'
+        pastFar: "Décennie précédente",
+        pastNear: "Année précédente",
+        futureNear: "Année suivante",
+        futureFar: "Décennie suivante"
       }
 
-    case 'decade':
+    case "decade":
       return {
-        pastFar: 'Siècle précédent',
-        pastNear: 'Décennie précédente',
-        futureNear: 'Décennie suivante',
-        futureFar: 'Siècle suivant'
+        pastFar: "Siècle précédent",
+        pastNear: "Décennie précédente",
+        futureNear: "Décennie suivante",
+        futureFar: "Siècle suivant"
       }
 
-    case 'century':
+    case "century":
     default:
       return {
-        pastFar: 'Millénaire précédent',
-        pastNear: 'Siècle précédent',
-        futureNear: 'Siècle suivant',
-        futureFar: 'Millénaire suivant'
+        pastFar: "Millénaire précédent",
+        pastNear: "Siècle précédent",
+        futureNear: "Siècle suivant",
+        futureFar: "Millénaire suivant"
       }
   }
 })
 
 function toPastFar(): void {
   switch (currentConfig.viewType) {
-    case 'month':
+    case "month":
       decrementViewYear()
       break
 
-    case 'year':
+    case "year":
       decrementViewYear(10)
       break
 
-    case 'decade':
+    case "decade":
       decrementViewYear(100)
       break
 
-    case 'century':
+    case "century":
     default:
       decrementViewYear(1000)
       break
@@ -79,19 +79,19 @@ function toPastFar(): void {
 
 function toPastNear(): void {
   switch (currentConfig.viewType) {
-    case 'month':
+    case "month":
       decrementViewMonth()
       break
 
-    case 'year':
+    case "year":
       decrementViewYear()
       break
 
-    case 'decade':
+    case "decade":
       decrementViewYear(10)
       break
 
-    case 'century':
+    case "century":
     default:
       decrementViewYear(100)
       break
@@ -100,19 +100,19 @@ function toPastNear(): void {
 
 function toFutureNear(): void {
   switch (currentConfig.viewType) {
-    case 'month':
+    case "month":
       incrementViewMonth()
       break
 
-    case 'year':
+    case "year":
       incrementViewYear()
       break
 
-    case 'decade':
+    case "decade":
       incrementViewYear(10)
       break
 
-    case 'century':
+    case "century":
     default:
       incrementViewYear(100)
       break
@@ -121,19 +121,19 @@ function toFutureNear(): void {
 
 function toFutureFar(): void {
   switch (currentConfig.viewType) {
-    case 'month':
+    case "month":
       incrementViewYear()
       break
 
-    case 'year':
+    case "year":
       incrementViewYear(10)
       break
 
-    case 'decade':
+    case "decade":
       incrementViewYear(100)
       break
 
-    case 'century':
+    case "century":
     default:
       incrementViewYear(1000)
       break
diff --git a/components/calendar/CalendarMenuSubnav.vue b/components/calendar/CalendarMenuSubnav.vue
index c467792..c7f0199 100644
--- a/components/calendar/CalendarMenuSubnav.vue
+++ b/components/calendar/CalendarMenuSubnav.vue
@@ -1,22 +1,22 @@
 <script lang="ts" setup>
-import { type RPGDate } from '@/models/Date'
+import { type RPGDate } from "@/models/Date"
 
-import { PhArrowLineLeft, PhArrowLineRight } from '@phosphor-icons/vue'
+import { PhArrowLineLeft, PhArrowLineRight } from "@phosphor-icons/vue"
 
 const { currentDate, currentConfig, jumpToDate, getRelativeEventFromDate } = useCalendar()
 
-function handleGotoPreviousEventPage(position: 'next' | 'prev' = 'next') {
+function handleGotoPreviousEventPage(position: "next" | "prev" = "next") {
   let fromDate: RPGDate
 
   // To modify, obviously
   const daysPerMonth = 32
   const monthsPerYear = 10
 
-  const toDay = position === 'next' ? daysPerMonth : 1
-  const toMonth = position === 'next' ? monthsPerYear : 0
+  const toDay = position === "next" ? daysPerMonth : 1
+  const toMonth = position === "next" ? monthsPerYear : 0
 
   switch (currentConfig.viewType) {
-    case 'month':
+    case "month":
       fromDate = {
         day: toDay,
         month: currentDate.currentMonth,
@@ -24,7 +24,7 @@ function handleGotoPreviousEventPage(position: 'next' | 'prev' = 'next') {
       }
       break
 
-    case 'year':
+    case "year":
       fromDate = {
         day: toDay,
         month: toMonth,
@@ -32,7 +32,7 @@ function handleGotoPreviousEventPage(position: 'next' | 'prev' = 'next') {
       }
       break
 
-    case 'decade':
+    case "decade":
       fromDate = {
         day: toDay,
         month: currentDate.currentMonth,
@@ -40,7 +40,7 @@ function handleGotoPreviousEventPage(position: 'next' | 'prev' = 'next') {
       }
       break
 
-    case 'century':
+    case "century":
     default:
       fromDate = {
         day: toDay,
diff --git a/components/calendar/CalendarMenuToday.vue b/components/calendar/CalendarMenuToday.vue
index c6259c8..855ef3b 100644
--- a/components/calendar/CalendarMenuToday.vue
+++ b/components/calendar/CalendarMenuToday.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { storeToRefs } from 'pinia'
-import { computed } from 'vue'
+import { storeToRefs } from "pinia"
+import { computed } from "vue"
 
 const { defaultDate, areDatesIdentical, jumpToDefaultDate, getFormattedDateTitle } = useCalendar()
 const { selectedDate } = storeToRefs(useCalendar())
diff --git a/components/calendar/CalendarSwitch.vue b/components/calendar/CalendarSwitch.vue
index 3d97212..164153c 100644
--- a/components/calendar/CalendarSwitch.vue
+++ b/components/calendar/CalendarSwitch.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useCalendar } from '@/stores/CalendarStore'
-import { PhCalendarBlank } from '@phosphor-icons/vue'
-import { computed } from 'vue'
+import { useCalendar } from "@/stores/CalendarStore"
+import { PhCalendarBlank } from "@phosphor-icons/vue"
+import { computed } from "vue"
 
 const { currentConfig, viewTypeOptions, getViewTypeTitle, setViewType } = useCalendar()
 
diff --git a/components/calendar/SearchMode.ts b/components/calendar/SearchMode.ts
index b565e1c..ae5033c 100644
--- a/components/calendar/SearchMode.ts
+++ b/components/calendar/SearchMode.ts
@@ -1,3 +1,3 @@
 export const searchUnifier = new RegExp(/[^a-zA-Z0-9\-'']/g)
 
-export type SearchMode = 'characters' | 'events' | undefined
+export type SearchMode = "characters" | "events" | undefined
diff --git a/components/calendar/dialog/Create.vue b/components/calendar/dialog/Create.vue
index 44c6653..c2e68e8 100644
--- a/components/calendar/dialog/Create.vue
+++ b/components/calendar/dialog/Create.vue
@@ -1,22 +1,22 @@
 <script lang="ts" setup>
-import { PhX } from '@phosphor-icons/vue';
-import type { World } from '~/models/World';
+import { PhX } from "@phosphor-icons/vue";
+import type { World } from "~/models/World";
 
 defineProps<{
   world: World,
   modalState?: boolean
 }>()
 
-const calendarSkeletonName = ref<string>('')
+const calendarSkeletonName = ref<string>("")
 
 function onChangedName(newName: string) {
   calendarSkeletonName.value = newName
 }
 
-const emit = defineEmits(['on-close'])
+const emit = defineEmits(["on-close"])
 
 function handleClose() {
-  emit('on-close')
+  emit("on-close")
 }
 </script>
 
diff --git a/components/calendar/dialog/Delete.vue b/components/calendar/dialog/Delete.vue
index d90fec9..f1accfe 100644
--- a/components/calendar/dialog/Delete.vue
+++ b/components/calendar/dialog/Delete.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { PhCircleNotch } from '@phosphor-icons/vue';
-import type { Calendar } from '~/models/CalendarConfig';
+import { PhCircleNotch } from "@phosphor-icons/vue";
+import type { Calendar } from "~/models/CalendarConfig";
 
 const props = defineProps<{
   modalState: boolean,
@@ -9,7 +9,7 @@ const props = defineProps<{
 
 const isLoading = ref<boolean>(false)
 
-const emit = defineEmits(['on-close'])
+const emit = defineEmits(["on-close"])
 
 async function handleAction(): Promise<void> {
   if (isLoading.value) return
@@ -18,7 +18,7 @@ async function handleAction(): Promise<void> {
   isLoading.value = true
 
   try {
-    await $fetch(`/api/calendars/${props.calendar.id}`, { method: 'DELETE' })
+    await $fetch(`/api/calendars/${props.calendar.id}`, { method: "DELETE" })
 
     // isDeleteEventModalOpen.value = false
   } catch (err) {
@@ -37,7 +37,7 @@ async function handleAction(): Promise<void> {
  */
 function handleClosing() {
   if (!isLoading.value) {
-    emit('on-close')
+    emit("on-close")
   }
 }
 </script>
diff --git a/components/calendar/form/Create.vue b/components/calendar/form/Create.vue
index 76578e7..f9fbb7d 100644
--- a/components/calendar/form/Create.vue
+++ b/components/calendar/form/Create.vue
@@ -1,16 +1,16 @@
 <script lang="ts" setup>
-import type { Calendar } from '~/models/CalendarConfig';
-import { PhAlarm, PhCalendarDots, PhCircleNotch, PhWrench } from '@phosphor-icons/vue';
+import type { Calendar } from "~/models/CalendarConfig";
+import { PhAlarm, PhCalendarDots, PhCircleNotch, PhWrench } from "@phosphor-icons/vue";
 
-const defaultSkeleton: Calendar = { name: '', today: { day: 1, month: 0, year: 0 }, months: [], events: []}
+const defaultSkeleton: Calendar = { name: "", today: { day: 1, month: 0, year: 0 }, months: [], events: []}
 const calendarSkeleton = ref<Calendar>({ ...defaultSkeleton })
 
 onMounted(() => {
   calendarSkeleton.value = { ...defaultSkeleton }
 })
 
-type FormTabs = 'global' | 'months' | 'today'
-const activeTab = ref<FormTabs>('global')
+type FormTabs = "global" | "months" | "today"
+const activeTab = ref<FormTabs>("global")
 
 /**
  * === Current date ===
@@ -40,9 +40,9 @@ const isCreatingCalendar = ref<boolean>(false)
 async function handleSubmit() {
   try {
     isCreatingCalendar.value = true
-    await $fetch(`/api/calendars/create`, { method: 'POST', body: {...calendarSkeleton.value, worldId: 1 } })
+    await $fetch("/api/calendars/create", { method: "POST", body: {...calendarSkeleton.value, worldId: 1 } })
 
-    emit('on-close')
+    emit("on-close")
   } catch (err) {
     console.log(err)
   } finally {
@@ -55,18 +55,18 @@ async function handleSubmit() {
  */
 const emit = defineEmits<{
   // eslint-disable-next-line no-unused-vars
-  (e: 'on-changed-name', calendarName: string): void
+  (e: "on-changed-name", calendarName: string): void
     // eslint-disable-next-line no-unused-vars
-  (e: 'on-close'): void
+  (e: "on-close"): void
 }>()
 
 /** Hook to emit a debounced event for the changed skeleton name */
 const handleNameChange = useDebounceFn(() => {
-  emit('on-changed-name', calendarSkeleton.value.name)
+  emit("on-changed-name", calendarSkeleton.value.name)
 }, 400)
 
 function handleFormCancel() {
-  emit('on-close')
+  emit("on-close")
 }
 </script>
 
diff --git a/components/calendar/form/CreateEvent.vue b/components/calendar/form/CreateEvent.vue
index 2f6ab02..41153a0 100644
--- a/components/calendar/form/CreateEvent.vue
+++ b/components/calendar/form/CreateEvent.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import type { RPGDate } from '~/models/Date';
-import { PhAlarm, PhCircleNotch, PhEye, PhEyeClosed, PhMapPinArea, PhTag } from '@phosphor-icons/vue'
+import type { RPGDate } from "~/models/Date";
+import { PhAlarm, PhCircleNotch, PhEye, PhEyeClosed, PhMapPinArea, PhTag } from "@phosphor-icons/vue"
 
 const { eventSkeleton, operationInProgress } = storeToRefs(useCalendar())
 const { resetSkeleton, submitSkeleton, cancelLatestRequest } = useCalendar()
diff --git a/components/calendar/form/DeleteEvent.vue b/components/calendar/form/DeleteEvent.vue
index 70ed0ac..3112401 100644
--- a/components/calendar/form/DeleteEvent.vue
+++ b/components/calendar/form/DeleteEvent.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { PhCircleNotch } from '@phosphor-icons/vue';
+import { PhCircleNotch } from "@phosphor-icons/vue";
 
 const { resetSkeleton, deleteEventFromSkeleton, cancelLatestRequest } = useCalendar()
 const { isDeleteEventModalOpen, eventSkeleton, lastActiveEvent } = storeToRefs(useCalendar())
diff --git a/components/calendar/form/UpdateEvent.vue b/components/calendar/form/UpdateEvent.vue
index e84b2d3..7dc68c9 100644
--- a/components/calendar/form/UpdateEvent.vue
+++ b/components/calendar/form/UpdateEvent.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { PhAlarm, PhCircleNotch, PhEye, PhEyeClosed, PhMapPinArea, PhPencilSimpleLine, PhTag } from '@phosphor-icons/vue'
-import { VisuallyHidden } from 'radix-vue'
+import { PhAlarm, PhCircleNotch, PhEye, PhEyeClosed, PhMapPinArea, PhPencilSimpleLine, PhTag } from "@phosphor-icons/vue"
+import { VisuallyHidden } from "radix-vue"
 
 const { resetSkeleton, updateEventFromSkeleton, cancelLatestRequest } = useCalendar()
 const { eventSkeleton, lastActiveEvent, isEditEventModalOpen } = storeToRefs(useCalendar())
diff --git a/components/calendar/input/EventCategories.vue b/components/calendar/input/EventCategories.vue
index 76decc9..60792e4 100644
--- a/components/calendar/input/EventCategories.vue
+++ b/components/calendar/input/EventCategories.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import type { Category } from '~/models/Category';
+import type { Category } from "~/models/Category";
 
-import { PhCaretDown, PhCheck } from '@phosphor-icons/vue';
+import { PhCaretDown, PhCheck } from "@phosphor-icons/vue";
 
 const isPopoverOpen = ref<boolean>(false)
 
@@ -18,10 +18,10 @@ watch(modelBuffer.value, () => {
 
 const { categories: availableCategories } = useCalendar()
 
-const searchTerm = ref<string>('')
+const searchTerm = ref<string>("")
 
 const filteredCategories = computed(() =>
-  searchTerm.value === ''
+  searchTerm.value === ""
     ? availableCategories
     : availableCategories.filter((category) => {
       return category.name.toLowerCase().includes(searchTerm.value.toLowerCase())
diff --git a/components/calendar/input/EventCategory.vue b/components/calendar/input/EventCategory.vue
index 7636014..e396380 100644
--- a/components/calendar/input/EventCategory.vue
+++ b/components/calendar/input/EventCategory.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { PhCaretDown } from '@phosphor-icons/vue';
-import type { Category } from '~/models/Category';
+import { PhCaretDown } from "@phosphor-icons/vue";
+import type { Category } from "~/models/Category";
 
 const isPopoverOpen = ref<boolean>(false)
 
@@ -12,14 +12,14 @@ const model = defineModel<Category>()
 
 const { categories: availableCategories } = useCalendar()
 
-const searchTerm = ref<string>('')
+const searchTerm = ref<string>("")
 
 function handleCatSelect() {
   isPopoverOpen.value = false
 }
 
 const filteredCategories = computed(() =>
-  searchTerm.value === ''
+  searchTerm.value === ""
     ? availableCategories
     : availableCategories.filter((category) => {
       return category.name.toLowerCase().includes(searchTerm.value.toLowerCase())
diff --git a/components/calendar/input/MonthList.vue b/components/calendar/input/MonthList.vue
index a82c86b..e841780 100644
--- a/components/calendar/input/MonthList.vue
+++ b/components/calendar/input/MonthList.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import { cn } from '~/lib/utils';
+import { cn } from "~/lib/utils";
 
-import { useSortable } from '@vueuse/integrations/useSortable';
-import type { CalendarMonth } from '~/models/CalendarMonth';
+import { useSortable } from "@vueuse/integrations/useSortable";
+import type { CalendarMonth } from "~/models/CalendarMonth";
 
-import { PhList, PhPlus, PhTrash } from '@phosphor-icons/vue';
+import { PhList, PhPlus, PhTrash } from "@phosphor-icons/vue";
 
 const model = defineModel<CalendarMonth[]>({ required: true })
 
@@ -14,7 +14,7 @@ const model = defineModel<CalendarMonth[]>({ required: true })
 const monthName: Ref<string | undefined> = ref<string>()
 const monthNameRef = ref<HTMLInputElement>()
 const { focused: monthNameFocused } = useFocus(monthNameRef)
-const validMonthNameDatatypes = ['string']
+const validMonthNameDatatypes = ["string"]
 const monthNameIsTaken = computed(() => model.value.find(m => m.name === monthName.value))
 const validMonthName = computed(() => validMonthNameDatatypes.includes(typeof monthName.value) && !monthNameIsTaken.value)
 
@@ -23,7 +23,7 @@ const validMonthName = computed(() => validMonthNameDatatypes.includes(typeof mo
  */
 const monthDays: Ref<number | undefined> = ref<number>()
 const monthDaysRef = ref<HTMLInputElement>()
-const validMonthDaysDatatypes = ['number']
+const validMonthDaysDatatypes = ["number"]
 const validMonthDays = computed(() => validMonthDaysDatatypes.includes(typeof monthDays.value) && monthDays.value && monthDays.value >= 12)
 
 const validNewMonth = computed(() => validMonthDays.value && validMonthName.value)
@@ -44,7 +44,7 @@ function addMonthToModel(): void {
   model.value.push(monthToInsert)
 
   // Reset form state
-  monthName.value = ''
+  monthName.value = ""
   monthNameFocused.value = true
 }
 
diff --git a/components/calendar/input/RPGDate.vue b/components/calendar/input/RPGDate.vue
index a46dccd..3cd9ad2 100644
--- a/components/calendar/input/RPGDate.vue
+++ b/components/calendar/input/RPGDate.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import type { RPGDate } from '~/models/Date';
+import type { RPGDate } from "~/models/Date";
 
 import {
   PhXCircle
-} from '@phosphor-icons/vue'
+} from "@phosphor-icons/vue"
 
 const model = defineModel<RPGDate | null>()
 
@@ -27,7 +27,7 @@ const inputPlaceholder = computed<string>(() => {
     return props.placeholder
   }
 
-  return ''
+  return ""
 })
 
 const initialDateValue = props.initialDate ? { ...props.initialDate } : null
@@ -37,7 +37,7 @@ const monthTitle = computed<string>(() => {
     return getMonthName(model.value.month)
   }
 
-  return ''
+  return ""
 })
 
 const hasValue = computed<boolean>(() => !!model.value)
diff --git a/components/calendar/input/TodaySelect.vue b/components/calendar/input/TodaySelect.vue
index a0b2baa..cfdfc26 100644
--- a/components/calendar/input/TodaySelect.vue
+++ b/components/calendar/input/TodaySelect.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import type { CalendarMonth } from '~/models/CalendarMonth';
-import type { RPGDate } from '~/models/Date';
+import type { CalendarMonth } from "~/models/CalendarMonth";
+import type { RPGDate } from "~/models/Date";
 
-import { PhCalendarBlank } from '@phosphor-icons/vue';
+import { PhCalendarBlank } from "@phosphor-icons/vue";
 
 const model = defineModel<RPGDate>({ required: true })
 
diff --git a/components/calendar/search/CalendarSearch.vue b/components/calendar/search/CalendarSearch.vue
index 7598bcb..5e9fdb3 100644
--- a/components/calendar/search/CalendarSearch.vue
+++ b/components/calendar/search/CalendarSearch.vue
@@ -2,46 +2,46 @@
 import {
   isCharacter,
   type Character,
-} from '@/models/Characters'
-import type { RPGDateOrder } from '@/models/Date'
+} from "@/models/Characters"
+import type { RPGDateOrder } from "@/models/Date"
 import {
   isCalendarEvent,
   type CalendarEvent,
-} from '~/models/CalendarEvent'
-import { capitalize } from '@/utils/Strings'
-import { useMagicKeys, useScroll, useStorage, whenever } from '@vueuse/core'
-import { computed, ref, watch } from 'vue'
-import { searchUnifier, type SearchMode } from '../SearchMode'
+} from "~/models/CalendarEvent"
+import { capitalize } from "@/utils/Strings"
+import { useMagicKeys, useScroll, useStorage, whenever } from "@vueuse/core"
+import { computed, ref, watch } from "vue"
+import { searchUnifier, type SearchMode } from "../SearchMode"
 
-import { PhClockClockwise, PhClockCounterClockwise, PhMagnifyingGlass } from '@phosphor-icons/vue'
+import { PhClockClockwise, PhClockCounterClockwise, PhMagnifyingGlass } from "@phosphor-icons/vue"
 import {
   ComboboxAnchor,
   ComboboxInput,
   ComboboxPortal,
   ComboboxRoot,
   VisuallyHidden
-} from 'radix-vue'
+} from "radix-vue"
 
-import SearchList from './lists/SearchList.vue'
-import type { Category } from '~/models/Category'
+import SearchList from "./lists/SearchList.vue"
+import type { Category } from "~/models/Category"
 
 const { isAdvancedSearchOpen, allEvents } = storeToRefs(useCalendar())
 const { characters } = storeToRefs(useCharacters())
 
-const searchQuery = ref<string>('')
+const searchQuery = ref<string>("")
 // const searchEnough = computed<boolean>(() => searchQuery.value.length >= 2)
 
-const selectedEntity = useStorage('se', 'events' as SearchMode)
+const selectedEntity = useStorage("se", "events" as SearchMode)
 
 // Order
-const selectedOrder = ref<RPGDateOrder>('asc')
+const selectedOrder = ref<RPGDateOrder>("asc")
 function setOrderAsc() {
-  selectedOrder.value = 'asc'
+  selectedOrder.value = "asc"
   resetPage()
 }
 
 function setOrderDesc() {
-  selectedOrder.value = 'desc'
+  selectedOrder.value = "desc"
   resetPage()
 }
 
@@ -65,9 +65,9 @@ const searchResults = computed<(Character | CalendarEvent)[]>(() => {
 
   // Assign data to loop over and filter
   // They are assigned this way for readability
-  if (selectedEntity.value === 'events') {
+  if (selectedEntity.value === "events") {
     dataToFilter = allEvents.value
-  } else if (selectedEntity.value === 'characters') {
+  } else if (selectedEntity.value === "characters") {
     dataToFilter = characters.value
   } else {
     dataToFilter = [...allEvents.value, ...characters.value]
@@ -80,15 +80,15 @@ const searchResults = computed<(Character | CalendarEvent)[]>(() => {
     // Filter calendar events
     if (isCalendarEvent(item)) {
       const queryString = new String(searchQuery.value)
-        .replace(searchUnifier, '')
+        .replace(searchUnifier, "")
         .toLocaleLowerCase()
 
       const hitTitle = item.title
-        .replace(searchUnifier, '')
+        .replace(searchUnifier, "")
         .toLocaleLowerCase()
         .includes(queryString)
       const hitDesc = item.description
-        ?.replace(searchUnifier, '')
+        ?.replace(searchUnifier, "")
         .toLocaleLowerCase()
         .includes(queryString)
 
@@ -118,11 +118,11 @@ const searchResults = computed<(Character | CalendarEvent)[]>(() => {
     // Filter characters
     if (isCharacter(item)) {
       const queryString = new String(searchQuery.value)
-        .replace(searchUnifier, '')
+        .replace(searchUnifier, "")
         .toLocaleLowerCase()
 
       const hitTitle = item.name
-        .replace(searchUnifier, '')
+        .replace(searchUnifier, "")
         .toLocaleLowerCase()
         .includes(queryString)
 
@@ -157,7 +157,7 @@ const searchResults = computed<(Character | CalendarEvent)[]>(() => {
  * Removes the search query, resets the pagination and removes all selected categories
  */
 function resetSearch() {
-  searchQuery.value = ''
+  searchQuery.value = ""
   resetPage()
   selectedCategories.value = []
 }
@@ -205,7 +205,7 @@ const currentCategories = computed(() => {
 
 const selectedCategories = ref<(Category)[]>([])
 const categoryFilterOpened = ref<boolean>(false)
-const searchCategory = ref<string>('')
+const searchCategory = ref<string>("")
 
 const filteredCategories = computed(() =>
   currentCategories.value.filter((i) => !selectedCategories.value.includes(i))
@@ -217,8 +217,8 @@ const filteredCategories = computed(() =>
  * @param e Radix Change Event
  */
 function handleCategorySelect(e: (Category)) {
-  if (typeof e === 'string') {
-    searchCategory.value = ''
+  if (typeof e === "string") {
+    searchCategory.value = ""
     selectedCategories.value.push(e)
   }
 
diff --git a/components/calendar/search/lists/CharacterCallout.vue b/components/calendar/search/lists/CharacterCallout.vue
index a50649d..70e4d0c 100644
--- a/components/calendar/search/lists/CharacterCallout.vue
+++ b/components/calendar/search/lists/CharacterCallout.vue
@@ -1,18 +1,18 @@
 <script lang="ts" setup>
-import type { Character } from '@/models/Characters'
-import type { RPGDate } from '@/models/Date'
-import { useCalendar } from '@/stores/CalendarStore'
+import type { Character } from "@/models/Characters"
+import type { RPGDate } from "@/models/Date"
+import { useCalendar } from "@/stores/CalendarStore"
 
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'
-import { Button } from '@/components/ui/button'
-import { PhArrowSquareOut, PhPlant, PhSkull } from '@phosphor-icons/vue'
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip"
+import { Button } from "@/components/ui/button"
+import { PhArrowSquareOut, PhPlant, PhSkull } from "@phosphor-icons/vue"
 
 const props = defineProps<{
   character: Character
 }>()
 
 defineEmits<{
-  (e: 'query:date-jump', payload: RPGDate): void
+  (e: "query:date-jump", payload: RPGDate): void
 }>()
 
 const { getFormattedDateTitle } = useCalendar()
diff --git a/components/calendar/search/lists/EventCallout.vue b/components/calendar/search/lists/EventCallout.vue
index 5aff929..10bc020 100644
--- a/components/calendar/search/lists/EventCallout.vue
+++ b/components/calendar/search/lists/EventCallout.vue
@@ -1,23 +1,23 @@
 <script lang="ts" setup>
-import { cn } from '@/lib/utils'
-import type { RPGDate } from '@/models/Date'
-import type { CalendarEvent } from '@/models/CalendarEvent'
+import { cn } from "@/lib/utils"
+import type { RPGDate } from "@/models/Date"
+import type { CalendarEvent } from "@/models/CalendarEvent"
 
-import { PhArrowSquareOut, PhHourglassMedium, PhAlarm, PhMapPinArea, PhEye } from '@phosphor-icons/vue'
+import { PhArrowSquareOut, PhHourglassMedium, PhAlarm, PhMapPinArea, PhEye } from "@phosphor-icons/vue"
 
 const props = defineProps<{
   event: CalendarEvent
 }>()
 
 defineEmits<{
-  (e: 'query:date-jump', payload: RPGDate): void
+  (e: "query:date-jump", payload: RPGDate): void
 }>()
 
 const { getRelativeString, defaultDate, getFormattedDateTitle } = useCalendar()
 
 const dateDifference: string = getRelativeString(defaultDate, props.event.startDate)
 const dateDuration: string | null = props.event.endDate
-  ? getRelativeString(props.event.startDate, props.event.endDate, 'compact')
+  ? getRelativeString(props.event.startDate, props.event.endDate, "compact")
   : null
 </script>
 
diff --git a/components/calendar/search/lists/SearchList.vue b/components/calendar/search/lists/SearchList.vue
index 257888c..ab43f09 100644
--- a/components/calendar/search/lists/SearchList.vue
+++ b/components/calendar/search/lists/SearchList.vue
@@ -1,13 +1,13 @@
 <script lang="ts" setup>
-import { isCharacter, type Character } from '@/models/Characters'
-import type { RPGDate, RPGDateOrder } from '@/models/Date'
-import { useCalendar } from '@/stores/CalendarStore'
-import { computed } from 'vue'
-import { isCalendarEvent, type CalendarEvent } from '~/models/CalendarEvent'
-import type { SearchMode } from '../../SearchMode'
+import { isCharacter, type Character } from "@/models/Characters"
+import type { RPGDate, RPGDateOrder } from "@/models/Date"
+import { useCalendar } from "@/stores/CalendarStore"
+import { computed } from "vue"
+import { isCalendarEvent, type CalendarEvent } from "~/models/CalendarEvent"
+import type { SearchMode } from "../../SearchMode"
 
-import CharacterCallout from './CharacterCallout.vue'
-import EventCallout from './EventCallout.vue'
+import CharacterCallout from "./CharacterCallout.vue"
+import EventCallout from "./EventCallout.vue"
 
 const props = defineProps<{
   results: (Character | CalendarEvent)[]
@@ -18,7 +18,7 @@ const props = defineProps<{
   limit?: number
 }>()
 
-const emit = defineEmits(['jumpedToDate'])
+const emit = defineEmits(["jumpedToDate"])
 
 const { jumpToDate, compareDates } = useCalendar()
 
@@ -26,7 +26,7 @@ function handleJumpToDate(date?: RPGDate) {
   if (!date) return
 
   jumpToDate(date)
-  emit('jumpedToDate')
+  emit("jumpedToDate")
 }
 
 // Initial sorting of the results
diff --git a/components/calendar/state/monthly/DayTile.vue b/components/calendar/state/monthly/DayTile.vue
index e08ed45..4c3d5d8 100644
--- a/components/calendar/state/monthly/DayTile.vue
+++ b/components/calendar/state/monthly/DayTile.vue
@@ -1,11 +1,11 @@
 <script lang="ts" setup>
-import type { RPGDate } from '@/models/Date'
-import type { CalendarEvent } from '@/models/CalendarEvent'
-import { useElementBounding } from '@vueuse/core'
-import { storeToRefs } from 'pinia'
-import { computed, ref, type ComputedRef } from 'vue'
+import type { RPGDate } from "@/models/Date"
+import type { CalendarEvent } from "@/models/CalendarEvent"
+import { useElementBounding } from "@vueuse/core"
+import { storeToRefs } from "pinia"
+import { computed, ref, type ComputedRef } from "vue"
 
-import CalendarEventButton from '../../CalendarEvent.vue'
+import CalendarEventButton from "../../CalendarEvent.vue"
 
 const props = defineProps<{
   date: RPGDate
diff --git a/components/calendar/state/monthly/Layout.vue b/components/calendar/state/monthly/Layout.vue
index a903bc9..7cf6194 100644
--- a/components/calendar/state/monthly/Layout.vue
+++ b/components/calendar/state/monthly/Layout.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { useCalendar } from '@/stores/CalendarStore'
-import { useThrottleFn } from '@vueuse/core'
+import { useCalendar } from "@/stores/CalendarStore"
+import { useThrottleFn } from "@vueuse/core"
 
 const { currentDate, decrementViewMonth, incrementViewMonth } = useCalendar()
 const { currentMonthData } = storeToRefs(useCalendar())
diff --git a/components/calendar/state/yearly/DayTile.vue b/components/calendar/state/yearly/DayTile.vue
index 50687e8..1d37f5a 100644
--- a/components/calendar/state/yearly/DayTile.vue
+++ b/components/calendar/state/yearly/DayTile.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import type { RPGDate } from '@/models/Date'
-import { storeToRefs } from 'pinia'
-import { computed, type ComputedRef } from 'vue'
+import type { RPGDate } from "@/models/Date"
+import { storeToRefs } from "pinia"
+import { computed, type ComputedRef } from "vue"
 
 const { currentDate, defaultDate, selectDate, areDatesIdentical } = useCalendar()
 const { selectedDate, currentEvents } = storeToRefs(useCalendar())
diff --git a/components/calendar/state/yearly/Layout.vue b/components/calendar/state/yearly/Layout.vue
index 1efcd17..28a2ea8 100644
--- a/components/calendar/state/yearly/Layout.vue
+++ b/components/calendar/state/yearly/Layout.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { useCalendar } from '@/stores/CalendarStore'
-import { useThrottleFn } from '@vueuse/core'
+import { useCalendar } from "@/stores/CalendarStore"
+import { useThrottleFn } from "@vueuse/core"
 
 const { decrementViewYear, incrementViewYear } = useCalendar()
 const { sortedMonths: months } = storeToRefs(useCalendar())
diff --git a/components/calendar/state/yearly/MonthTile.vue b/components/calendar/state/yearly/MonthTile.vue
index 21f2ad6..03d82f9 100644
--- a/components/calendar/state/yearly/MonthTile.vue
+++ b/components/calendar/state/yearly/MonthTile.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { CalendarMonth } from '~/models/CalendarMonth';
+import type { CalendarMonth } from "~/models/CalendarMonth";
 
 defineProps<{
   month: CalendarMonth
diff --git a/components/global/Spacing.vue b/components/global/Spacing.vue
index be839b8..810c86f 100644
--- a/components/global/Spacing.vue
+++ b/components/global/Spacing.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { cn } from '~/lib/utils';
+import { cn } from "~/lib/utils";
 
 interface SpacingProps {
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xlg' | '2xl' | '3xl'
+  size?: "xs" | "sm" | "md" | "lg" | "xlg" | "2xl" | "3xl"
 }
 
 const props = defineProps<SpacingProps>()
@@ -10,11 +10,11 @@ const props = defineProps<SpacingProps>()
 let spacingClass: string
 
 switch (props.size) {
-  case 'lg':
+  case "lg":
     spacingClass = "space-y-4"
     break;
 
-  case 'md':
+  case "md":
   default:
     spacingClass = "space-y-2"
     break;
diff --git a/components/global/sidebar/Sidebar.vue b/components/global/sidebar/Sidebar.vue
index 269086c..495e020 100644
--- a/components/global/sidebar/Sidebar.vue
+++ b/components/global/sidebar/Sidebar.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { PhHouse, PhList } from '@phosphor-icons/vue'
-import type { SidebarMenuActionType } from './SidebarProps';
+import { PhHouse, PhList } from "@phosphor-icons/vue"
+import type { SidebarMenuActionType } from "./SidebarProps";
 
 const { revealAdvancedSearch } = useCalendar()
 const { currentMenu } = storeToRefs(useUiStore())
@@ -8,7 +8,7 @@ const { currentMenu } = storeToRefs(useUiStore())
 const user = useSupabaseUser()
 
 function handleMenuItemAction(actionType: SidebarMenuActionType) {
-  if (actionType === 'event-search') {
+  if (actionType === "event-search") {
     revealAdvancedSearch()
   }
 }
diff --git a/components/global/user/CTA.vue b/components/global/user/CTA.vue
index d068c6a..857c72c 100644
--- a/components/global/user/CTA.vue
+++ b/components/global/user/CTA.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { computed } from 'vue'
+import { computed } from "vue"
 
-import { PhUserCircle } from '@phosphor-icons/vue'
+import { PhUserCircle } from "@phosphor-icons/vue"
 
 const router = useRouter()
 
@@ -19,11 +19,11 @@ watch(user, closeMenu)
 async function handleGoogleLogin() {
   try {
     auth.signInWithOAuth({
-      provider: 'google',
+      provider: "google",
       options: {
         queryParams: {
-          access_type: 'offline',
-          prompt: 'consent'
+          access_type: "offline",
+          prompt: "consent"
         }
       }
     })
@@ -43,7 +43,7 @@ async function handleLogout() {
 }
 
 function gotoProfilePage() {
-  router.push({ path: '/i' })
+  router.push({ path: "/i" })
 
   closeMenu()
 }
diff --git a/components/ui/alert-dialog/AlertDialog.vue b/components/ui/alert-dialog/AlertDialog.vue
index 8fb30de..93a4623 100644
--- a/components/ui/alert-dialog/AlertDialog.vue
+++ b/components/ui/alert-dialog/AlertDialog.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type AlertDialogEmits, type AlertDialogProps, AlertDialogRoot, useForwardPropsEmits } from 'radix-vue'
+import { type AlertDialogEmits, type AlertDialogProps, AlertDialogRoot, useForwardPropsEmits } from "radix-vue"
 
 const props = defineProps<AlertDialogProps>()
 const emits = defineEmits<AlertDialogEmits>()
diff --git a/components/ui/alert-dialog/AlertDialogAction.vue b/components/ui/alert-dialog/AlertDialogAction.vue
index d3414bf..e8d2a70 100644
--- a/components/ui/alert-dialog/AlertDialogAction.vue
+++ b/components/ui/alert-dialog/AlertDialogAction.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { AlertDialogAction, type AlertDialogActionProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
-import { buttonVariants } from '@/components/ui/button/index'
+import { type HTMLAttributes, computed } from "vue"
+import { AlertDialogAction, type AlertDialogActionProps } from "radix-vue"
+import { cn } from "@/lib/utils"
+import { buttonVariants } from "@/components/ui/button/index"
 
-const props = defineProps<AlertDialogActionProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<AlertDialogActionProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/alert-dialog/AlertDialogCancel.vue b/components/ui/alert-dialog/AlertDialogCancel.vue
index 08302c0..95ff9df 100644
--- a/components/ui/alert-dialog/AlertDialogCancel.vue
+++ b/components/ui/alert-dialog/AlertDialogCancel.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { AlertDialogCancel, type AlertDialogCancelProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
-import { buttonVariants } from '@/components/ui/button/index'
+import { type HTMLAttributes, computed } from "vue"
+import { AlertDialogCancel, type AlertDialogCancelProps } from "radix-vue"
+import { cn } from "@/lib/utils"
+import { buttonVariants } from "@/components/ui/button/index"
 
-const props = defineProps<AlertDialogCancelProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<AlertDialogCancelProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/alert-dialog/AlertDialogContent.vue b/components/ui/alert-dialog/AlertDialogContent.vue
index 91c0b7e..2695e23 100644
--- a/components/ui/alert-dialog/AlertDialogContent.vue
+++ b/components/ui/alert-dialog/AlertDialogContent.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed } from "vue"
 import {
   AlertDialogContent,
   type AlertDialogContentEmits,
@@ -7,10 +7,10 @@ import {
   AlertDialogOverlay,
   AlertDialogPortal,
   useForwardPropsEmits,
-} from 'radix-vue'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<AlertDialogContentProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<AlertDialogContentProps & { class?: HTMLAttributes["class"] }>()
 const emits = defineEmits<AlertDialogContentEmits>()
 
 const delegatedProps = computed(() => {
diff --git a/components/ui/alert-dialog/AlertDialogDescription.vue b/components/ui/alert-dialog/AlertDialogDescription.vue
index 9682cbb..60c2da2 100644
--- a/components/ui/alert-dialog/AlertDialogDescription.vue
+++ b/components/ui/alert-dialog/AlertDialogDescription.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed } from "vue"
 import {
   AlertDialogDescription,
   type AlertDialogDescriptionProps,
-} from 'radix-vue'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<AlertDialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<AlertDialogDescriptionProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/alert-dialog/AlertDialogFooter.vue b/components/ui/alert-dialog/AlertDialogFooter.vue
index 55d0a0e..c764e73 100644
--- a/components/ui/alert-dialog/AlertDialogFooter.vue
+++ b/components/ui/alert-dialog/AlertDialogFooter.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes['class']
+  class?: HTMLAttributes["class"]
 }>()
 </script>
 
diff --git a/components/ui/alert-dialog/AlertDialogHeader.vue b/components/ui/alert-dialog/AlertDialogHeader.vue
index c61c449..b5e5540 100644
--- a/components/ui/alert-dialog/AlertDialogHeader.vue
+++ b/components/ui/alert-dialog/AlertDialogHeader.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes['class']
+  class?: HTMLAttributes["class"]
 }>()
 </script>
 
diff --git a/components/ui/alert-dialog/AlertDialogTitle.vue b/components/ui/alert-dialog/AlertDialogTitle.vue
index 50c583d..0498b1e 100644
--- a/components/ui/alert-dialog/AlertDialogTitle.vue
+++ b/components/ui/alert-dialog/AlertDialogTitle.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { AlertDialogTitle, type AlertDialogTitleProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { AlertDialogTitle, type AlertDialogTitleProps } from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<AlertDialogTitleProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<AlertDialogTitleProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/alert-dialog/AlertDialogTrigger.vue b/components/ui/alert-dialog/AlertDialogTrigger.vue
index 4f5e2fd..6d876f0 100644
--- a/components/ui/alert-dialog/AlertDialogTrigger.vue
+++ b/components/ui/alert-dialog/AlertDialogTrigger.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { AlertDialogTrigger, type AlertDialogTriggerProps } from 'radix-vue'
+import { AlertDialogTrigger, type AlertDialogTriggerProps } from "radix-vue"
 
 const props = defineProps<AlertDialogTriggerProps>()
 </script>
diff --git a/components/ui/alert-dialog/index.ts b/components/ui/alert-dialog/index.ts
index 91d138a..6991bb7 100644
--- a/components/ui/alert-dialog/index.ts
+++ b/components/ui/alert-dialog/index.ts
@@ -1,9 +1,9 @@
-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'
+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/avatar/Avatar.vue b/components/ui/avatar/Avatar.vue
index 5b7b9fb..c479d77 100644
--- a/components/ui/avatar/Avatar.vue
+++ b/components/ui/avatar/Avatar.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { AvatarRoot } from 'radix-vue'
-import { type AvatarVariants, avatarVariant } from '.'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { AvatarRoot } from "radix-vue"
+import { type AvatarVariants, avatarVariant } from "."
+import { cn } from "@/lib/utils"
 
 const props = withDefaults(defineProps<{
-  class?: HTMLAttributes['class']
-  size?: AvatarVariants['size']
-  shape?: AvatarVariants['shape']
+  class?: HTMLAttributes["class"]
+  size?: AvatarVariants["size"]
+  shape?: AvatarVariants["shape"]
 }>(), {
-  size: 'sm',
-  shape: 'circle',
+  size: "sm",
+  shape: "circle",
 })
 </script>
 
diff --git a/components/ui/avatar/AvatarFallback.vue b/components/ui/avatar/AvatarFallback.vue
index a671a21..440186b 100644
--- a/components/ui/avatar/AvatarFallback.vue
+++ b/components/ui/avatar/AvatarFallback.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { AvatarFallback, type AvatarFallbackProps } from 'radix-vue'
+import { AvatarFallback, type AvatarFallbackProps } from "radix-vue"
 
 const props = defineProps<AvatarFallbackProps>()
 </script>
diff --git a/components/ui/avatar/AvatarImage.vue b/components/ui/avatar/AvatarImage.vue
index 43499fa..2f4eceb 100644
--- a/components/ui/avatar/AvatarImage.vue
+++ b/components/ui/avatar/AvatarImage.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { AvatarImage, type AvatarImageProps } from 'radix-vue'
+import { AvatarImage, type AvatarImageProps } from "radix-vue"
 
 const props = defineProps<AvatarImageProps>()
 </script>
diff --git a/components/ui/avatar/index.ts b/components/ui/avatar/index.ts
index c4af1a6..9b393a2 100644
--- a/components/ui/avatar/index.ts
+++ b/components/ui/avatar/index.ts
@@ -1,21 +1,21 @@
-import { type VariantProps, cva } from 'class-variance-authority'
+import { type VariantProps, 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 "./Avatar.vue"
+export { default as AvatarImage } from "./AvatarImage.vue"
+export { default as AvatarFallback } from "./AvatarFallback.vue"
 
 export const avatarVariant = cva(
-  'inline-flex items-center justify-center font-normal text-foreground select-none shrink-0 bg-secondary overflow-hidden',
+  "inline-flex items-center justify-center font-normal text-foreground select-none shrink-0 bg-secondary overflow-hidden",
   {
     variants: {
       size: {
-        sm: 'h-10 w-10 text-xs',
-        base: 'h-16 w-16 text-2xl',
-        lg: 'h-32 w-32 text-5xl',
+        sm: "h-10 w-10 text-xs",
+        base: "h-16 w-16 text-2xl",
+        lg: "h-32 w-32 text-5xl",
       },
       shape: {
-        circle: 'rounded-full',
-        square: 'rounded-md',
+        circle: "rounded-full",
+        square: "rounded-md",
       },
     },
   },
diff --git a/components/ui/badge/Badge.vue b/components/ui/badge/Badge.vue
index 2e8bdff..5b19716 100644
--- a/components/ui/badge/Badge.vue
+++ b/components/ui/badge/Badge.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { type BadgeVariants, badgeVariants } from '.'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { type BadgeVariants, badgeVariants } from "."
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  variant?: BadgeVariants['variant']
-  class?: HTMLAttributes['class']
+  variant?: BadgeVariants["variant"]
+  class?: HTMLAttributes["class"]
 }>()
 </script>
 
diff --git a/components/ui/badge/index.ts b/components/ui/badge/index.ts
index d90c2ef..9db7cf6 100644
--- a/components/ui/badge/index.ts
+++ b/components/ui/badge/index.ts
@@ -1,23 +1,23 @@
-import { type VariantProps, cva } from 'class-variance-authority'
+import { type VariantProps, cva } from "class-variance-authority"
 
-export { default as Badge } from './Badge.vue'
+export { default as Badge } from "./Badge.vue"
 
 export const badgeVariants = cva(
-  'inline-flex items-center rounded-full 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',
+  "inline-flex items-center rounded-full 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",
   {
     variants: {
       variant: {
         default:
-          'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
+          "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
         secondary:
-          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
+          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
         destructive:
-          'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
-        outline: 'text-foreground',
+          "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground",
       },
     },
     defaultVariants: {
-      variant: 'default',
+      variant: "default",
     },
   },
 )
diff --git a/components/ui/button/Button.vue b/components/ui/button/Button.vue
index 6e56542..f366883 100644
--- a/components/ui/button/Button.vue
+++ b/components/ui/button/Button.vue
@@ -1,18 +1,18 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { Primitive, type PrimitiveProps } from 'radix-vue'
-import { type ButtonVariants, buttonVariants } from '.'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { Primitive, type PrimitiveProps } from "radix-vue"
+import { type ButtonVariants, buttonVariants } from "."
+import { cn } from "@/lib/utils"
 
 interface Props extends PrimitiveProps {
-  variant?: ButtonVariants['variant']
-  size?: ButtonVariants['size']
-  class?: HTMLAttributes['class']
+  variant?: ButtonVariants["variant"]
+  size?: ButtonVariants["size"]
+  class?: HTMLAttributes["class"]
   searchSlash?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  as: 'button'
+  as: "button"
 })
 </script>
 
diff --git a/components/ui/button/index.ts b/components/ui/button/index.ts
index eba3552..e782ef6 100644
--- a/components/ui/button/index.ts
+++ b/components/ui/button/index.ts
@@ -1,30 +1,30 @@
-import { type VariantProps, cva } from 'class-variance-authority'
+import { type VariantProps, cva } from "class-variance-authority"
 
-export { default as Button } from './Button.vue'
+export { default as Button } from "./Button.vue"
 
 export const buttonVariants = cva(
-  'inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+  "inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       variant: {
-        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-        destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
-        outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
-        secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-        ghost: 'hover:bg-accent hover:text-accent-foreground',
-        link: 'text-primary underline-offset-4 hover:underline'
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
-        default: 'h-10 px-4 py-2',
-        xs: 'h-7 rounded-sm px-2 text-xs',
-        sm: 'h-9 rounded-md px-3 text-sm',
-        lg: 'h-11 rounded-md px-8',
-        icon: 'h-10 w-10'
+        default: "h-10 px-4 py-2",
+        xs: "h-7 rounded-sm px-2 text-xs",
+        sm: "h-9 rounded-md px-3 text-sm",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
       }
     },
     defaultVariants: {
-      variant: 'default',
-      size: 'default'
+      variant: "default",
+      size: "default"
     }
   }
 )
diff --git a/components/ui/card/Card.vue b/components/ui/card/Card.vue
index bc0ac40..ca0812f 100644
--- a/components/ui/card/Card.vue
+++ b/components/ui/card/Card.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes['class']
+  class?: HTMLAttributes["class"]
   link?: string
 }>()
 </script>
diff --git a/components/ui/card/CardContent.vue b/components/ui/card/CardContent.vue
index 785913a..4c4dfc7 100644
--- a/components/ui/card/CardContent.vue
+++ b/components/ui/card/CardContent.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes['class']
+  class?: HTMLAttributes["class"]
 }>()
 </script>
 
diff --git a/components/ui/card/CardDescription.vue b/components/ui/card/CardDescription.vue
index 52a5c90..ad948d6 100644
--- a/components/ui/card/CardDescription.vue
+++ b/components/ui/card/CardDescription.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes['class']
+  class?: HTMLAttributes["class"]
 }>()
 </script>
 
diff --git a/components/ui/card/CardFooter.vue b/components/ui/card/CardFooter.vue
index 1ed2efe..fad3928 100644
--- a/components/ui/card/CardFooter.vue
+++ b/components/ui/card/CardFooter.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes['class']
+  class?: HTMLAttributes["class"]
 }>()
 </script>
 
diff --git a/components/ui/card/CardHeader.vue b/components/ui/card/CardHeader.vue
index 951d227..119700c 100644
--- a/components/ui/card/CardHeader.vue
+++ b/components/ui/card/CardHeader.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes['class']
+  class?: HTMLAttributes["class"]
 }>()
 </script>
 
diff --git a/components/ui/card/CardTitle.vue b/components/ui/card/CardTitle.vue
index 842e168..d0c0ea7 100644
--- a/components/ui/card/CardTitle.vue
+++ b/components/ui/card/CardTitle.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes['class']
+  class?: HTMLAttributes["class"]
 }>()
 </script>
 
diff --git a/components/ui/card/index.ts b/components/ui/card/index.ts
index 8170483..450fe5c 100644
--- a/components/ui/card/index.ts
+++ b/components/ui/card/index.ts
@@ -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"
diff --git a/components/ui/checkbox/Checkbox.vue b/components/ui/checkbox/Checkbox.vue
index 4621bf7..6e848aa 100644
--- a/components/ui/checkbox/Checkbox.vue
+++ b/components/ui/checkbox/Checkbox.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import type { CheckboxRootEmits, CheckboxRootProps } from 'radix-vue'
-import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from 'radix-vue'
-import { Check } from 'lucide-vue-next'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import type { CheckboxRootEmits, CheckboxRootProps } from "radix-vue"
+import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "radix-vue"
+import { Check } from "lucide-vue-next"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes["class"] }>()
 const emits = defineEmits<CheckboxRootEmits>()
 
 const delegatedProps = computed(() => {
diff --git a/components/ui/checkbox/index.ts b/components/ui/checkbox/index.ts
index 8c28c28..3391a85 100644
--- a/components/ui/checkbox/index.ts
+++ b/components/ui/checkbox/index.ts
@@ -1 +1 @@
-export { default as Checkbox } from './Checkbox.vue'
+export { default as Checkbox } from "./Checkbox.vue"
diff --git a/components/ui/command/Command.vue b/components/ui/command/Command.vue
index b1c809c..d1f2494 100644
--- a/components/ui/command/Command.vue
+++ b/components/ui/command/Command.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import type { ComboboxRootEmits, ComboboxRootProps } from 'radix-vue'
-import { ComboboxRoot, useForwardPropsEmits } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import type { ComboboxRootEmits, ComboboxRootProps } from "radix-vue"
+import { ComboboxRoot, useForwardPropsEmits } from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = withDefaults(defineProps<ComboboxRootProps & { class?: HTMLAttributes['class'] }>(), {
+const props = withDefaults(defineProps<ComboboxRootProps & { class?: HTMLAttributes["class"] }>(), {
   open: true,
-  modelValue: ''
+  modelValue: ""
 })
 
 const emits = defineEmits<ComboboxRootEmits>()
diff --git a/components/ui/command/CommandDialog.vue b/components/ui/command/CommandDialog.vue
index 2b19c30..3d9e4d9 100644
--- a/components/ui/command/CommandDialog.vue
+++ b/components/ui/command/CommandDialog.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { useForwardPropsEmits } from 'radix-vue'
-import type { DialogRootEmits, DialogRootProps } from 'radix-vue'
-import Command from './Command.vue'
-import { Dialog, DialogContent } from '@/components/ui/dialog'
+import { useForwardPropsEmits } from "radix-vue"
+import type { DialogRootEmits, DialogRootProps } from "radix-vue"
+import Command from "./Command.vue"
+import { Dialog, DialogContent } from "@/components/ui/dialog"
 
 const props = defineProps<DialogRootProps>()
 const emits = defineEmits<DialogRootEmits>()
diff --git a/components/ui/command/CommandEmpty.vue b/components/ui/command/CommandEmpty.vue
index 1295d2a..f2d7c11 100644
--- a/components/ui/command/CommandEmpty.vue
+++ b/components/ui/command/CommandEmpty.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import type { ComboboxEmptyProps } from 'radix-vue'
-import { ComboboxEmpty } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import type { ComboboxEmptyProps } from "radix-vue"
+import { ComboboxEmpty } from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<ComboboxEmptyProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<ComboboxEmptyProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/command/CommandGroup.vue b/components/ui/command/CommandGroup.vue
index 3a4422b..a727494 100644
--- a/components/ui/command/CommandGroup.vue
+++ b/components/ui/command/CommandGroup.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import type { ComboboxGroupProps } from 'radix-vue'
-import { ComboboxGroup, ComboboxLabel } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import type { ComboboxGroupProps } from "radix-vue"
+import { ComboboxGroup, ComboboxLabel } from "radix-vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<
   ComboboxGroupProps & {
-    class?: HTMLAttributes['class']
+    class?: HTMLAttributes["class"]
     heading?: string
   }
 >()
diff --git a/components/ui/command/CommandInput.vue b/components/ui/command/CommandInput.vue
index 936f789..f7414d8 100644
--- a/components/ui/command/CommandInput.vue
+++ b/components/ui/command/CommandInput.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { Search } from 'lucide-vue-next'
-import { ComboboxInput, type ComboboxInputProps, useForwardProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { Search } from "lucide-vue-next"
+import { ComboboxInput, type ComboboxInputProps, useForwardProps } from "radix-vue"
+import { cn } from "@/lib/utils"
 
 defineOptions({
   inheritAttrs: false
@@ -10,7 +10,7 @@ defineOptions({
 
 const props = defineProps<
   ComboboxInputProps & {
-    class?: HTMLAttributes['class']
+    class?: HTMLAttributes["class"]
   }
 >()
 
diff --git a/components/ui/command/CommandItem.vue b/components/ui/command/CommandItem.vue
index 027fca1..12fc534 100644
--- a/components/ui/command/CommandItem.vue
+++ b/components/ui/command/CommandItem.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import type { ComboboxItemEmits, ComboboxItemProps } from 'radix-vue'
-import { ComboboxItem, useForwardPropsEmits } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import type { ComboboxItemEmits, ComboboxItemProps } from "radix-vue"
+import { ComboboxItem, useForwardPropsEmits } from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<ComboboxItemProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<ComboboxItemProps & { class?: HTMLAttributes["class"] }>()
 const emits = defineEmits<ComboboxItemEmits>()
 
 const delegatedProps = computed(() => {
diff --git a/components/ui/command/CommandList.vue b/components/ui/command/CommandList.vue
index 265317b..b9b88de 100644
--- a/components/ui/command/CommandList.vue
+++ b/components/ui/command/CommandList.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import type { ComboboxContentEmits, ComboboxContentProps } from 'radix-vue'
-import { ComboboxContent, useForwardPropsEmits } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import type { ComboboxContentEmits, ComboboxContentProps } from "radix-vue"
+import { ComboboxContent, useForwardPropsEmits } from "radix-vue"
+import { cn } from "@/lib/utils"
 
 const props = withDefaults(
-  defineProps<ComboboxContentProps & { class?: HTMLAttributes['class'] }>(),
+  defineProps<ComboboxContentProps & { class?: HTMLAttributes["class"] }>(),
   {
     dismissable: false
   }
diff --git a/components/ui/command/CommandSeparator.vue b/components/ui/command/CommandSeparator.vue
index 2d83d0f..11395f1 100644
--- a/components/ui/command/CommandSeparator.vue
+++ b/components/ui/command/CommandSeparator.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import type { ComboboxSeparatorProps } from 'radix-vue'
-import { ComboboxSeparator } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import type { ComboboxSeparatorProps } from "radix-vue"
+import { ComboboxSeparator } from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<ComboboxSeparatorProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<ComboboxSeparatorProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/command/CommandShortcut.vue b/components/ui/command/CommandShortcut.vue
index 0d4da92..6d95d73 100644
--- a/components/ui/command/CommandShortcut.vue
+++ b/components/ui/command/CommandShortcut.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes['class']
+  class?: HTMLAttributes["class"]
 }>()
 </script>
 
diff --git a/components/ui/command/index.ts b/components/ui/command/index.ts
index 95d4b5f..c59454c 100644
--- a/components/ui/command/index.ts
+++ b/components/ui/command/index.ts
@@ -1,11 +1,11 @@
-export { ComboboxPortal } from 'radix-vue'
+export { ComboboxPortal } from "radix-vue"
 
-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'
+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/Dialog.vue b/components/ui/dialog/Dialog.vue
index 7f26e47..9374bf3 100644
--- a/components/ui/dialog/Dialog.vue
+++ b/components/ui/dialog/Dialog.vue
@@ -4,7 +4,7 @@ import {
   type DialogRootEmits,
   type DialogRootProps,
   useForwardPropsEmits
-} from 'radix-vue'
+} from "radix-vue"
 
 const props = defineProps<DialogRootProps>()
 const emits = defineEmits<DialogRootEmits>()
diff --git a/components/ui/dialog/DialogClose.vue b/components/ui/dialog/DialogClose.vue
index a64703e..7199c71 100644
--- a/components/ui/dialog/DialogClose.vue
+++ b/components/ui/dialog/DialogClose.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DialogClose, type DialogCloseProps } from 'radix-vue'
+import { DialogClose, type DialogCloseProps } from "radix-vue"
 
 const props = defineProps<DialogCloseProps>()
 </script>
diff --git a/components/ui/dialog/DialogContent.vue b/components/ui/dialog/DialogContent.vue
index 76ee2f7..8792702 100644
--- a/components/ui/dialog/DialogContent.vue
+++ b/components/ui/dialog/DialogContent.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed } from "vue"
 import {
   DialogClose,
   DialogContent,
@@ -8,11 +8,11 @@ import {
   DialogOverlay,
   DialogPortal,
   useForwardPropsEmits
-} from 'radix-vue'
-import { X } from 'lucide-vue-next'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import { X } from "lucide-vue-next"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<DialogContentProps & { class?: HTMLAttributes["class"] }>()
 const emits = defineEmits<DialogContentEmits>()
 
 const delegatedProps = computed(() => {
diff --git a/components/ui/dialog/DialogDescription.vue b/components/ui/dialog/DialogDescription.vue
index 3637b7e..ab1a3f0 100644
--- a/components/ui/dialog/DialogDescription.vue
+++ b/components/ui/dialog/DialogDescription.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { DialogDescription, type DialogDescriptionProps, useForwardProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { DialogDescription, type DialogDescriptionProps, useForwardProps } from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/dialog/DialogFooter.vue b/components/ui/dialog/DialogFooter.vue
index c6f5d4e..ab53daf 100644
--- a/components/ui/dialog/DialogFooter.vue
+++ b/components/ui/dialog/DialogFooter.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<{ class?: HTMLAttributes['class'] }>()
+const props = defineProps<{ class?: HTMLAttributes["class"] }>()
 </script>
 
 <template>
diff --git a/components/ui/dialog/DialogHeader.vue b/components/ui/dialog/DialogHeader.vue
index e22a1fd..ee1b66a 100644
--- a/components/ui/dialog/DialogHeader.vue
+++ b/components/ui/dialog/DialogHeader.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes['class']
+  class?: HTMLAttributes["class"]
 }>()
 </script>
 
diff --git a/components/ui/dialog/DialogScrollContent.vue b/components/ui/dialog/DialogScrollContent.vue
index 424fde4..fe9b532 100644
--- a/components/ui/dialog/DialogScrollContent.vue
+++ b/components/ui/dialog/DialogScrollContent.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed } from "vue"
 import {
   DialogClose,
   DialogContent,
@@ -8,11 +8,11 @@ import {
   DialogOverlay,
   DialogPortal,
   useForwardPropsEmits
-} from 'radix-vue'
-import { X } from 'lucide-vue-next'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import { X } from "lucide-vue-next"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<DialogContentProps & { class?: HTMLAttributes["class"] }>()
 const emits = defineEmits<DialogContentEmits>()
 
 const delegatedProps = computed(() => {
diff --git a/components/ui/dialog/DialogTitle.vue b/components/ui/dialog/DialogTitle.vue
index 0a1c94c..9608b82 100644
--- a/components/ui/dialog/DialogTitle.vue
+++ b/components/ui/dialog/DialogTitle.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { DialogTitle, type DialogTitleProps, useForwardProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { DialogTitle, type DialogTitleProps, useForwardProps } from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<DialogTitleProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/dialog/DialogTrigger.vue b/components/ui/dialog/DialogTrigger.vue
index ee0c12f..c624db8 100644
--- a/components/ui/dialog/DialogTrigger.vue
+++ b/components/ui/dialog/DialogTrigger.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DialogTrigger, type DialogTriggerProps } from 'radix-vue'
+import { DialogTrigger, type DialogTriggerProps } from "radix-vue"
 
 const props = defineProps<DialogTriggerProps>()
 </script>
diff --git a/components/ui/dialog/index.ts b/components/ui/dialog/index.ts
index 847e999..d03797d 100644
--- a/components/ui/dialog/index.ts
+++ b/components/ui/dialog/index.ts
@@ -1,9 +1,9 @@
-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'
+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/DropdownMenu.vue b/components/ui/dropdown-menu/DropdownMenu.vue
index 0f9cd7b..2751f86 100644
--- a/components/ui/dropdown-menu/DropdownMenu.vue
+++ b/components/ui/dropdown-menu/DropdownMenu.vue
@@ -4,7 +4,7 @@ import {
   type DropdownMenuRootEmits,
   type DropdownMenuRootProps,
   useForwardPropsEmits
-} from 'radix-vue'
+} from "radix-vue"
 
 const props = defineProps<DropdownMenuRootProps>()
 const emits = defineEmits<DropdownMenuRootEmits>()
diff --git a/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue b/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
index bd9cf5f..c132cda 100644
--- a/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
+++ b/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed } from "vue"
 import {
   DropdownMenuCheckboxItem,
   type DropdownMenuCheckboxItemEmits,
   type DropdownMenuCheckboxItemProps,
   DropdownMenuItemIndicator,
   useForwardPropsEmits
-} from 'radix-vue'
-import { Check } from 'lucide-vue-next'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import { Check } from "lucide-vue-next"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes["class"] }>()
 const emits = defineEmits<DropdownMenuCheckboxItemEmits>()
 
 const delegatedProps = computed(() => {
diff --git a/components/ui/dropdown-menu/DropdownMenuContent.vue b/components/ui/dropdown-menu/DropdownMenuContent.vue
index fd88f22..e224485 100644
--- a/components/ui/dropdown-menu/DropdownMenuContent.vue
+++ b/components/ui/dropdown-menu/DropdownMenuContent.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed } from "vue"
 import {
   DropdownMenuContent,
   type DropdownMenuContentEmits,
   type DropdownMenuContentProps,
   DropdownMenuPortal,
   useForwardPropsEmits
-} from 'radix-vue'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import { cn } from "@/lib/utils"
 
 const props = withDefaults(
-  defineProps<DropdownMenuContentProps & { class?: HTMLAttributes['class'] }>(),
+  defineProps<DropdownMenuContentProps & { class?: HTMLAttributes["class"] }>(),
   {
     sideOffset: 4
   }
diff --git a/components/ui/dropdown-menu/DropdownMenuGroup.vue b/components/ui/dropdown-menu/DropdownMenuGroup.vue
index 3f20135..18d078b 100644
--- a/components/ui/dropdown-menu/DropdownMenuGroup.vue
+++ b/components/ui/dropdown-menu/DropdownMenuGroup.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DropdownMenuGroup, type DropdownMenuGroupProps } from 'radix-vue'
+import { DropdownMenuGroup, type DropdownMenuGroupProps } from "radix-vue"
 
 const props = defineProps<DropdownMenuGroupProps>()
 </script>
diff --git a/components/ui/dropdown-menu/DropdownMenuItem.vue b/components/ui/dropdown-menu/DropdownMenuItem.vue
index 5774ca5..7631910 100644
--- a/components/ui/dropdown-menu/DropdownMenuItem.vue
+++ b/components/ui/dropdown-menu/DropdownMenuItem.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { DropdownMenuItem, type DropdownMenuItemProps, useForwardProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { DropdownMenuItem, type DropdownMenuItemProps, useForwardProps } from "radix-vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<
-  DropdownMenuItemProps & { class?: HTMLAttributes['class']; inset?: boolean }
+  DropdownMenuItemProps & { class?: HTMLAttributes["class"]; inset?: boolean }
 >()
 
 const delegatedProps = computed(() => {
diff --git a/components/ui/dropdown-menu/DropdownMenuLabel.vue b/components/ui/dropdown-menu/DropdownMenuLabel.vue
index d95f5eb..ee0eaf7 100644
--- a/components/ui/dropdown-menu/DropdownMenuLabel.vue
+++ b/components/ui/dropdown-menu/DropdownMenuLabel.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { DropdownMenuLabel, type DropdownMenuLabelProps, useForwardProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { DropdownMenuLabel, type DropdownMenuLabelProps, useForwardProps } from "radix-vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<
-  DropdownMenuLabelProps & { class?: HTMLAttributes['class']; inset?: boolean }
+  DropdownMenuLabelProps & { class?: HTMLAttributes["class"]; inset?: boolean }
 >()
 
 const delegatedProps = computed(() => {
diff --git a/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue b/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
index b6d1fcc..73ff5be 100644
--- a/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
+++ b/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
@@ -4,7 +4,7 @@ import {
   type DropdownMenuRadioGroupEmits,
   type DropdownMenuRadioGroupProps,
   useForwardPropsEmits
-} from 'radix-vue'
+} from "radix-vue"
 
 const props = defineProps<DropdownMenuRadioGroupProps>()
 const emits = defineEmits<DropdownMenuRadioGroupEmits>()
diff --git a/components/ui/dropdown-menu/DropdownMenuRadioItem.vue b/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
index a8fc03e..82b8205 100644
--- a/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
+++ b/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed } from "vue"
 import {
   DropdownMenuItemIndicator,
   DropdownMenuRadioItem,
   type DropdownMenuRadioItemEmits,
   type DropdownMenuRadioItemProps,
   useForwardPropsEmits
-} from 'radix-vue'
-import { Circle } from 'lucide-vue-next'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import { Circle } from "lucide-vue-next"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes["class"] }>()
 
 const emits = defineEmits<DropdownMenuRadioItemEmits>()
 
diff --git a/components/ui/dropdown-menu/DropdownMenuSeparator.vue b/components/ui/dropdown-menu/DropdownMenuSeparator.vue
index e4953df..5f2b094 100644
--- a/components/ui/dropdown-menu/DropdownMenuSeparator.vue
+++ b/components/ui/dropdown-menu/DropdownMenuSeparator.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { DropdownMenuSeparator, type DropdownMenuSeparatorProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { DropdownMenuSeparator, type DropdownMenuSeparatorProps } from "radix-vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<
   DropdownMenuSeparatorProps & {
-    class?: HTMLAttributes['class']
+    class?: HTMLAttributes["class"]
   }
 >()
 
diff --git a/components/ui/dropdown-menu/DropdownMenuShortcut.vue b/components/ui/dropdown-menu/DropdownMenuShortcut.vue
index abaeda6..9367641 100644
--- a/components/ui/dropdown-menu/DropdownMenuShortcut.vue
+++ b/components/ui/dropdown-menu/DropdownMenuShortcut.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
-  class?: HTMLAttributes['class']
+  class?: HTMLAttributes["class"]
 }>()
 </script>
 
diff --git a/components/ui/dropdown-menu/DropdownMenuSub.vue b/components/ui/dropdown-menu/DropdownMenuSub.vue
index d01e1ae..3567f1d 100644
--- a/components/ui/dropdown-menu/DropdownMenuSub.vue
+++ b/components/ui/dropdown-menu/DropdownMenuSub.vue
@@ -4,7 +4,7 @@ import {
   type DropdownMenuSubEmits,
   type DropdownMenuSubProps,
   useForwardPropsEmits
-} from 'radix-vue'
+} from "radix-vue"
 
 const props = defineProps<DropdownMenuSubProps>()
 const emits = defineEmits<DropdownMenuSubEmits>()
diff --git a/components/ui/dropdown-menu/DropdownMenuSubContent.vue b/components/ui/dropdown-menu/DropdownMenuSubContent.vue
index 5ba1ec6..5ae0705 100644
--- a/components/ui/dropdown-menu/DropdownMenuSubContent.vue
+++ b/components/ui/dropdown-menu/DropdownMenuSubContent.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed } from "vue"
 import {
   DropdownMenuSubContent,
   type DropdownMenuSubContentEmits,
   type DropdownMenuSubContentProps,
   useForwardPropsEmits
-} from 'radix-vue'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes["class"] }>()
 const emits = defineEmits<DropdownMenuSubContentEmits>()
 
 const delegatedProps = computed(() => {
diff --git a/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue b/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
index cd15395..12cd05b 100644
--- a/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
+++ b/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed } from "vue"
 import {
   DropdownMenuSubTrigger,
   type DropdownMenuSubTriggerProps,
   useForwardProps
-} from 'radix-vue'
-import { ChevronRight } from 'lucide-vue-next'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import { ChevronRight } from "lucide-vue-next"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/dropdown-menu/DropdownMenuTrigger.vue b/components/ui/dropdown-menu/DropdownMenuTrigger.vue
index 8efd5a9..96a1a0f 100644
--- a/components/ui/dropdown-menu/DropdownMenuTrigger.vue
+++ b/components/ui/dropdown-menu/DropdownMenuTrigger.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DropdownMenuTrigger, type DropdownMenuTriggerProps, useForwardProps } from 'radix-vue'
+import { DropdownMenuTrigger, type DropdownMenuTriggerProps, useForwardProps } from "radix-vue"
 
 const props = defineProps<DropdownMenuTriggerProps>()
 
diff --git a/components/ui/dropdown-menu/index.ts b/components/ui/dropdown-menu/index.ts
index 6f9446c..7e62fd1 100644
--- a/components/ui/dropdown-menu/index.ts
+++ b/components/ui/dropdown-menu/index.ts
@@ -1,16 +1,16 @@
-export { DropdownMenuPortal } from 'radix-vue'
+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'
+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/input/Input.vue b/components/ui/input/Input.vue
index 808c921..7d85113 100644
--- a/components/ui/input/Input.vue
+++ b/components/ui/input/Input.vue
@@ -1,19 +1,19 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { useVModel } from '@vueuse/core'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { useVModel } from "@vueuse/core"
+import { cn } from "@/lib/utils"
 
 const props = defineProps<{
   defaultValue?: string | number
   modelValue?: string | number
-  class?: HTMLAttributes['class']
+  class?: HTMLAttributes["class"]
 }>()
 
 const emits = defineEmits<{
-  (e: 'update:modelValue', payload: string | number): void
+  (e: "update:modelValue", payload: string | number): void
 }>()
 
-const modelValue = useVModel(props, 'modelValue', emits, {
+const modelValue = useVModel(props, "modelValue", emits, {
   passive: true,
   defaultValue: props.defaultValue
 })
@@ -28,5 +28,5 @@ const modelValue = useVModel(props, 'modelValue', emits, {
         props.class
       )
     "
-  />
+  >
 </template>
diff --git a/components/ui/input/index.ts b/components/ui/input/index.ts
index a691dd6..9976b86 100644
--- a/components/ui/input/index.ts
+++ b/components/ui/input/index.ts
@@ -1 +1 @@
-export { default as Input } from './Input.vue'
+export { default as Input } from "./Input.vue"
diff --git a/components/ui/label/Label.vue b/components/ui/label/Label.vue
index 8fba8db..a2eb35f 100644
--- a/components/ui/label/Label.vue
+++ b/components/ui/label/Label.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { Label, type LabelProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { Label, type LabelProps } from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<LabelProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/label/index.ts b/components/ui/label/index.ts
index 572c2f0..036e35c 100644
--- a/components/ui/label/index.ts
+++ b/components/ui/label/index.ts
@@ -1 +1 @@
-export { default as Label } from './Label.vue'
+export { default as Label } from "./Label.vue"
diff --git a/components/ui/pagination/PaginationEllipsis.vue b/components/ui/pagination/PaginationEllipsis.vue
index a58de39..a9ac15a 100644
--- a/components/ui/pagination/PaginationEllipsis.vue
+++ b/components/ui/pagination/PaginationEllipsis.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { PaginationEllipsis, type PaginationEllipsisProps } from 'radix-vue'
-import { MoreHorizontal } from 'lucide-vue-next'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { PaginationEllipsis, type PaginationEllipsisProps } from "radix-vue"
+import { MoreHorizontal } from "lucide-vue-next"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<PaginationEllipsisProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<PaginationEllipsisProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/pagination/PaginationFirst.vue b/components/ui/pagination/PaginationFirst.vue
index 65652b7..9fa47b8 100644
--- a/components/ui/pagination/PaginationFirst.vue
+++ b/components/ui/pagination/PaginationFirst.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { PaginationFirst, type PaginationFirstProps } from 'radix-vue'
-import { ChevronsLeft } from 'lucide-vue-next'
-import { Button } from '@/components/ui/button'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { PaginationFirst, type PaginationFirstProps } from "radix-vue"
+import { ChevronsLeft } from "lucide-vue-next"
+import { Button } from "@/components/ui/button"
+import { cn } from "@/lib/utils"
 
 const props = withDefaults(
-  defineProps<PaginationFirstProps & { class?: HTMLAttributes['class'] }>(),
+  defineProps<PaginationFirstProps & { class?: HTMLAttributes["class"] }>(),
   {
     asChild: true
   }
diff --git a/components/ui/pagination/PaginationLast.vue b/components/ui/pagination/PaginationLast.vue
index 3c254c2..29a72c3 100644
--- a/components/ui/pagination/PaginationLast.vue
+++ b/components/ui/pagination/PaginationLast.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { PaginationLast, type PaginationLastProps } from 'radix-vue'
-import { ChevronsRight } from 'lucide-vue-next'
-import { Button } from '@/components/ui/button'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { PaginationLast, type PaginationLastProps } from "radix-vue"
+import { ChevronsRight } from "lucide-vue-next"
+import { Button } from "@/components/ui/button"
+import { cn } from "@/lib/utils"
 
 const props = withDefaults(
-  defineProps<PaginationLastProps & { class?: HTMLAttributes['class'] }>(),
+  defineProps<PaginationLastProps & { class?: HTMLAttributes["class"] }>(),
   {
     asChild: true
   }
diff --git a/components/ui/pagination/PaginationNext.vue b/components/ui/pagination/PaginationNext.vue
index 02c156c..fd4c329 100644
--- a/components/ui/pagination/PaginationNext.vue
+++ b/components/ui/pagination/PaginationNext.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { PaginationNext, type PaginationNextProps } from 'radix-vue'
-import { ChevronRight } from 'lucide-vue-next'
-import { Button } from '@/components/ui/button'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { PaginationNext, type PaginationNextProps } from "radix-vue"
+import { ChevronRight } from "lucide-vue-next"
+import { Button } from "@/components/ui/button"
+import { cn } from "@/lib/utils"
 
 const props = withDefaults(
-  defineProps<PaginationNextProps & { class?: HTMLAttributes['class'] }>(),
+  defineProps<PaginationNextProps & { class?: HTMLAttributes["class"] }>(),
   {
     asChild: true
   }
diff --git a/components/ui/pagination/PaginationPrev.vue b/components/ui/pagination/PaginationPrev.vue
index 9821666..8388bfe 100644
--- a/components/ui/pagination/PaginationPrev.vue
+++ b/components/ui/pagination/PaginationPrev.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { PaginationPrev, type PaginationPrevProps } from 'radix-vue'
-import { ChevronLeft } from 'lucide-vue-next'
-import { Button } from '@/components/ui/button'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { PaginationPrev, type PaginationPrevProps } from "radix-vue"
+import { ChevronLeft } from "lucide-vue-next"
+import { Button } from "@/components/ui/button"
+import { cn } from "@/lib/utils"
 
 const props = withDefaults(
-  defineProps<PaginationPrevProps & { class?: HTMLAttributes['class'] }>(),
+  defineProps<PaginationPrevProps & { class?: HTMLAttributes["class"] }>(),
   {
     asChild: true
   }
diff --git a/components/ui/pagination/index.ts b/components/ui/pagination/index.ts
index d42dd72..b7f1503 100644
--- a/components/ui/pagination/index.ts
+++ b/components/ui/pagination/index.ts
@@ -1,6 +1,6 @@
-export { PaginationRoot as Pagination, PaginationList, PaginationListItem } from 'radix-vue'
-export { default as PaginationEllipsis } from './PaginationEllipsis.vue'
-export { default as PaginationFirst } from './PaginationFirst.vue'
-export { default as PaginationLast } from './PaginationLast.vue'
-export { default as PaginationNext } from './PaginationNext.vue'
-export { default as PaginationPrev } from './PaginationPrev.vue'
+export { PaginationRoot as Pagination, PaginationList, PaginationListItem } from "radix-vue"
+export { default as PaginationEllipsis } from "./PaginationEllipsis.vue"
+export { default as PaginationFirst } from "./PaginationFirst.vue"
+export { default as PaginationLast } from "./PaginationLast.vue"
+export { default as PaginationNext } from "./PaginationNext.vue"
+export { default as PaginationPrev } from "./PaginationPrev.vue"
diff --git a/components/ui/popover/Popover.vue b/components/ui/popover/Popover.vue
index 1a5873a..6e28ab9 100644
--- a/components/ui/popover/Popover.vue
+++ b/components/ui/popover/Popover.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { PopoverRoot, useForwardPropsEmits } from 'radix-vue'
-import type { PopoverRootEmits, PopoverRootProps } from 'radix-vue'
+import { PopoverRoot, useForwardPropsEmits } from "radix-vue"
+import type { PopoverRootEmits, PopoverRootProps } from "radix-vue"
 
 const props = defineProps<PopoverRootProps>()
 const emits = defineEmits<PopoverRootEmits>()
diff --git a/components/ui/popover/PopoverContent.vue b/components/ui/popover/PopoverContent.vue
index 5136fd6..0bf3a79 100644
--- a/components/ui/popover/PopoverContent.vue
+++ b/components/ui/popover/PopoverContent.vue
@@ -1,22 +1,22 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed } from "vue"
 import {
   PopoverContent,
   type PopoverContentEmits,
   type PopoverContentProps,
   PopoverPortal,
   useForwardPropsEmits
-} from 'radix-vue'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import { cn } from "@/lib/utils"
 
 defineOptions({
   inheritAttrs: false
 })
 
 const props = withDefaults(
-  defineProps<PopoverContentProps & { class?: HTMLAttributes['class'] }>(),
+  defineProps<PopoverContentProps & { class?: HTMLAttributes["class"] }>(),
   {
-    align: 'center',
+    align: "center",
     sideOffset: 4
   }
 )
diff --git a/components/ui/popover/PopoverTrigger.vue b/components/ui/popover/PopoverTrigger.vue
index 22f4772..39eb990 100644
--- a/components/ui/popover/PopoverTrigger.vue
+++ b/components/ui/popover/PopoverTrigger.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { PopoverTrigger, type PopoverTriggerProps } from 'radix-vue'
+import { PopoverTrigger, type PopoverTriggerProps } from "radix-vue"
 
 const props = defineProps<PopoverTriggerProps>()
 </script>
diff --git a/components/ui/popover/index.ts b/components/ui/popover/index.ts
index 495d55a..e5a794a 100644
--- a/components/ui/popover/index.ts
+++ b/components/ui/popover/index.ts
@@ -1,3 +1,3 @@
-export { default as Popover } from './Popover.vue'
-export { default as PopoverTrigger } from './PopoverTrigger.vue'
-export { default as PopoverContent } from './PopoverContent.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/progress/Progress.vue b/components/ui/progress/Progress.vue
index bed64a6..74a5097 100644
--- a/components/ui/progress/Progress.vue
+++ b/components/ui/progress/Progress.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed } from "vue"
 import {
   ProgressIndicator,
   ProgressRoot,
   type ProgressRootProps,
-} from 'radix-vue'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import { cn } from "@/lib/utils"
 
 const props = withDefaults(
-  defineProps<ProgressRootProps & { class?: HTMLAttributes['class'] }>(),
+  defineProps<ProgressRootProps & { class?: HTMLAttributes["class"] }>(),
   {
     modelValue: 0,
   },
diff --git a/components/ui/progress/index.ts b/components/ui/progress/index.ts
index eace989..8598b96 100644
--- a/components/ui/progress/index.ts
+++ b/components/ui/progress/index.ts
@@ -1 +1 @@
-export { default as Progress } from './Progress.vue'
+export { default as Progress } from "./Progress.vue"
diff --git a/components/ui/select/Select.vue b/components/ui/select/Select.vue
index adc42fd..d5daaef 100644
--- a/components/ui/select/Select.vue
+++ b/components/ui/select/Select.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { SelectRootEmits, SelectRootProps } from 'radix-vue'
-import { SelectRoot, useForwardPropsEmits } from 'radix-vue'
+import type { SelectRootEmits, SelectRootProps } from "radix-vue"
+import { SelectRoot, useForwardPropsEmits } from "radix-vue"
 
 const props = defineProps<SelectRootProps>()
 const emits = defineEmits<SelectRootEmits>()
diff --git a/components/ui/select/SelectContent.vue b/components/ui/select/SelectContent.vue
index 5371217..2b0473f 100644
--- a/components/ui/select/SelectContent.vue
+++ b/components/ui/select/SelectContent.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed } from "vue"
 import {
   SelectContent,
   type SelectContentEmits,
@@ -7,18 +7,18 @@ import {
   SelectPortal,
   SelectViewport,
   useForwardPropsEmits
-} from 'radix-vue'
-import { SelectScrollDownButton, SelectScrollUpButton } from '.'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import { SelectScrollDownButton, SelectScrollUpButton } from "."
+import { cn } from "@/lib/utils"
 
 defineOptions({
   inheritAttrs: false
 })
 
 const props = withDefaults(
-  defineProps<SelectContentProps & { class?: HTMLAttributes['class'] }>(),
+  defineProps<SelectContentProps & { class?: HTMLAttributes["class"] }>(),
   {
-    position: 'popper'
+    position: "popper"
   }
 )
 const emits = defineEmits<SelectContentEmits>()
diff --git a/components/ui/select/SelectGroup.vue b/components/ui/select/SelectGroup.vue
index 407d8ad..4ebbab5 100644
--- a/components/ui/select/SelectGroup.vue
+++ b/components/ui/select/SelectGroup.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { SelectGroup, type SelectGroupProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { SelectGroup, type SelectGroupProps } from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<SelectGroupProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<SelectGroupProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/select/SelectItem.vue b/components/ui/select/SelectItem.vue
index c180b2c..7b84e43 100644
--- a/components/ui/select/SelectItem.vue
+++ b/components/ui/select/SelectItem.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed } from "vue"
 import {
   SelectItem,
   SelectItemIndicator,
   type SelectItemProps,
   SelectItemText,
   useForwardProps
-} from 'radix-vue'
-import { Check } from 'lucide-vue-next'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import { Check } from "lucide-vue-next"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<SelectItemProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<SelectItemProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/select/SelectItemText.vue b/components/ui/select/SelectItemText.vue
index a0bb5c2..acc28f3 100644
--- a/components/ui/select/SelectItemText.vue
+++ b/components/ui/select/SelectItemText.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { SelectItemText, type SelectItemTextProps } from 'radix-vue'
+import { SelectItemText, type SelectItemTextProps } from "radix-vue"
 
 const props = defineProps<SelectItemTextProps>()
 </script>
diff --git a/components/ui/select/SelectLabel.vue b/components/ui/select/SelectLabel.vue
index 3d45cdb..87a209d 100644
--- a/components/ui/select/SelectLabel.vue
+++ b/components/ui/select/SelectLabel.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { SelectLabel, type SelectLabelProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { SelectLabel, type SelectLabelProps } from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<SelectLabelProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<SelectLabelProps & { class?: HTMLAttributes["class"] }>()
 </script>
 
 <template>
diff --git a/components/ui/select/SelectScrollDownButton.vue b/components/ui/select/SelectScrollDownButton.vue
index b4122b6..da47c46 100644
--- a/components/ui/select/SelectScrollDownButton.vue
+++ b/components/ui/select/SelectScrollDownButton.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed } from "vue"
 import {
   SelectScrollDownButton,
   type SelectScrollDownButtonProps,
   useForwardProps
-} from 'radix-vue'
-import { ChevronDown } from 'lucide-vue-next'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import { ChevronDown } from "lucide-vue-next"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/select/SelectScrollUpButton.vue b/components/ui/select/SelectScrollUpButton.vue
index 3dffaf7..115c7e5 100644
--- a/components/ui/select/SelectScrollUpButton.vue
+++ b/components/ui/select/SelectScrollUpButton.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { SelectScrollUpButton, type SelectScrollUpButtonProps, useForwardProps } from 'radix-vue'
-import { ChevronUp } from 'lucide-vue-next'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { SelectScrollUpButton, type SelectScrollUpButtonProps, useForwardProps } from "radix-vue"
+import { ChevronUp } from "lucide-vue-next"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/select/SelectSeparator.vue b/components/ui/select/SelectSeparator.vue
index 5ae593d..0875aa1 100644
--- a/components/ui/select/SelectSeparator.vue
+++ b/components/ui/select/SelectSeparator.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { SelectSeparator, type SelectSeparatorProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { SelectSeparator, type SelectSeparatorProps } from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/select/SelectTrigger.vue b/components/ui/select/SelectTrigger.vue
index 22f7b75..90c8e61 100644
--- a/components/ui/select/SelectTrigger.vue
+++ b/components/ui/select/SelectTrigger.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { SelectIcon, SelectTrigger, type SelectTriggerProps, useForwardProps } from 'radix-vue'
-import { ChevronDown } from 'lucide-vue-next'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { SelectIcon, SelectTrigger, type SelectTriggerProps, useForwardProps } from "radix-vue"
+import { ChevronDown } from "lucide-vue-next"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<SelectTriggerProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<SelectTriggerProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/select/SelectValue.vue b/components/ui/select/SelectValue.vue
index 4bc37dd..a132b89 100644
--- a/components/ui/select/SelectValue.vue
+++ b/components/ui/select/SelectValue.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { SelectValue, type SelectValueProps } from 'radix-vue'
+import { SelectValue, type SelectValueProps } from "radix-vue"
 
 const props = defineProps<SelectValueProps>()
 </script>
diff --git a/components/ui/select/index.ts b/components/ui/select/index.ts
index b1d89ee..c8aeb0f 100644
--- a/components/ui/select/index.ts
+++ b/components/ui/select/index.ts
@@ -1,11 +1,11 @@
-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'
+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/skeleton/Skeleton.vue b/components/ui/skeleton/Skeleton.vue
index b49e3d9..4e0697e 100644
--- a/components/ui/skeleton/Skeleton.vue
+++ b/components/ui/skeleton/Skeleton.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
 
 interface SkeletonProps {
-  class?: HTMLAttributes['class']
+  class?: HTMLAttributes["class"]
 }
 
 const props = defineProps<SkeletonProps>()
diff --git a/components/ui/skeleton/index.ts b/components/ui/skeleton/index.ts
index be21fad..e5ce72c 100644
--- a/components/ui/skeleton/index.ts
+++ b/components/ui/skeleton/index.ts
@@ -1 +1 @@
-export { default as Skeleton } from './Skeleton.vue'
+export { default as Skeleton } from "./Skeleton.vue"
diff --git a/components/ui/switch/Switch.vue b/components/ui/switch/Switch.vue
index f2ee993..10fc951 100644
--- a/components/ui/switch/Switch.vue
+++ b/components/ui/switch/Switch.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed } from "vue"
 import {
   SwitchRoot,
   type SwitchRootEmits,
   type SwitchRootProps,
   SwitchThumb,
   useForwardPropsEmits,
-} from 'radix-vue'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<SwitchRootProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<SwitchRootProps & { class?: HTMLAttributes["class"] }>()
 
 const emits = defineEmits<SwitchRootEmits>()
 
diff --git a/components/ui/switch/index.ts b/components/ui/switch/index.ts
index 87b4b17..cc081f3 100644
--- a/components/ui/switch/index.ts
+++ b/components/ui/switch/index.ts
@@ -1 +1 @@
-export { default as Switch } from './Switch.vue'
+export { default as Switch } from "./Switch.vue"
diff --git a/components/ui/tabs/Tabs.vue b/components/ui/tabs/Tabs.vue
index 2fa0971..253e5b9 100644
--- a/components/ui/tabs/Tabs.vue
+++ b/components/ui/tabs/Tabs.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TabsRoot, useForwardPropsEmits } from 'radix-vue'
-import type { TabsRootEmits, TabsRootProps } from 'radix-vue'
+import { TabsRoot, useForwardPropsEmits } from "radix-vue"
+import type { TabsRootEmits, TabsRootProps } from "radix-vue"
 
 const props = defineProps<TabsRootProps>()
 const emits = defineEmits<TabsRootEmits>()
diff --git a/components/ui/tabs/TabsContent.vue b/components/ui/tabs/TabsContent.vue
index 475dc94..2d2226b 100644
--- a/components/ui/tabs/TabsContent.vue
+++ b/components/ui/tabs/TabsContent.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { TabsContent, type TabsContentProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { TabsContent, type TabsContentProps } from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<TabsContentProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<TabsContentProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/tabs/TabsList.vue b/components/ui/tabs/TabsList.vue
index 4d6c7f7..c1eb4b0 100644
--- a/components/ui/tabs/TabsList.vue
+++ b/components/ui/tabs/TabsList.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { TabsList, type TabsListProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { TabsList, type TabsListProps } from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<TabsListProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<TabsListProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/tabs/TabsTrigger.vue b/components/ui/tabs/TabsTrigger.vue
index 79c4dc9..b582df4 100644
--- a/components/ui/tabs/TabsTrigger.vue
+++ b/components/ui/tabs/TabsTrigger.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { TabsTrigger, type TabsTriggerProps, useForwardProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { TabsTrigger, type TabsTriggerProps, useForwardProps } from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<TabsTriggerProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<TabsTriggerProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/tabs/index.ts b/components/ui/tabs/index.ts
index fbea0c6..286abbe 100644
--- a/components/ui/tabs/index.ts
+++ b/components/ui/tabs/index.ts
@@ -1,4 +1,4 @@
-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'
+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/TagsInput.vue b/components/ui/tags-input/TagsInput.vue
index d5ed3ee..81a3a58 100644
--- a/components/ui/tags-input/TagsInput.vue
+++ b/components/ui/tags-input/TagsInput.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed } from "vue"
 import {
   TagsInputRoot,
   type TagsInputRootEmits,
   type TagsInputRootProps,
   useForwardPropsEmits
-} from 'radix-vue'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<TagsInputRootProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<TagsInputRootProps & { class?: HTMLAttributes["class"] }>()
 const emits = defineEmits<TagsInputRootEmits>()
 
 const delegatedProps = computed(() => {
diff --git a/components/ui/tags-input/TagsInputInput.vue b/components/ui/tags-input/TagsInputInput.vue
index 399274c..69ce84b 100644
--- a/components/ui/tags-input/TagsInputInput.vue
+++ b/components/ui/tags-input/TagsInputInput.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { TagsInputInput, type TagsInputInputProps, useForwardProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { TagsInputInput, type TagsInputInputProps, useForwardProps } from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<TagsInputInputProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<TagsInputInputProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/tags-input/TagsInputItem.vue b/components/ui/tags-input/TagsInputItem.vue
index 0703456..c66856f 100644
--- a/components/ui/tags-input/TagsInputItem.vue
+++ b/components/ui/tags-input/TagsInputItem.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { TagsInputItem, type TagsInputItemProps, useForwardProps } from 'radix-vue'
+import { type HTMLAttributes, computed } from "vue"
+import { TagsInputItem, type TagsInputItemProps, useForwardProps } from "radix-vue"
 
-import { cn } from '@/lib/utils'
+import { cn } from "@/lib/utils"
 
-const props = defineProps<TagsInputItemProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<TagsInputItemProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/tags-input/TagsInputItemDelete.vue b/components/ui/tags-input/TagsInputItemDelete.vue
index 4401215..d907ba0 100644
--- a/components/ui/tags-input/TagsInputItemDelete.vue
+++ b/components/ui/tags-input/TagsInputItemDelete.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { TagsInputItemDelete, type TagsInputItemDeleteProps, useForwardProps } from 'radix-vue'
-import { X } from 'lucide-vue-next'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { TagsInputItemDelete, type TagsInputItemDeleteProps, useForwardProps } from "radix-vue"
+import { X } from "lucide-vue-next"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<TagsInputItemDeleteProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<TagsInputItemDeleteProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/tags-input/TagsInputItemText.vue b/components/ui/tags-input/TagsInputItemText.vue
index f714957..e8cec28 100644
--- a/components/ui/tags-input/TagsInputItemText.vue
+++ b/components/ui/tags-input/TagsInputItemText.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { TagsInputItemText, type TagsInputItemTextProps, useForwardProps } from 'radix-vue'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { TagsInputItemText, type TagsInputItemTextProps, useForwardProps } from "radix-vue"
+import { cn } from "@/lib/utils"
 
-const props = defineProps<TagsInputItemTextProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<TagsInputItemTextProps & { class?: HTMLAttributes["class"] }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
diff --git a/components/ui/tags-input/index.ts b/components/ui/tags-input/index.ts
index 31305f3..8736692 100644
--- a/components/ui/tags-input/index.ts
+++ b/components/ui/tags-input/index.ts
@@ -1,5 +1,5 @@
-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'
+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/toggle-group/ToggleGroup.vue b/components/ui/toggle-group/ToggleGroup.vue
index 3ff029e..ba7df9b 100644
--- a/components/ui/toggle-group/ToggleGroup.vue
+++ b/components/ui/toggle-group/ToggleGroup.vue
@@ -1,27 +1,27 @@
 <script setup lang="ts">
-import type { VariantProps } from 'class-variance-authority'
-import { type HTMLAttributes, computed, provide } from 'vue'
+import type { VariantProps } from "class-variance-authority"
+import { type HTMLAttributes, computed, provide } from "vue"
 import {
   ToggleGroupRoot,
   type ToggleGroupRootEmits,
   type ToggleGroupRootProps,
   useForwardPropsEmits
-} from 'radix-vue'
-import type { toggleVariants } from '@/components/ui/toggle'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import type { toggleVariants } from "@/components/ui/toggle"
+import { cn } from "@/lib/utils"
 
 type ToggleGroupVariants = VariantProps<typeof toggleVariants>
 
 const props = defineProps<
   ToggleGroupRootProps & {
-    class?: HTMLAttributes['class']
-    variant?: ToggleGroupVariants['variant']
-    size?: ToggleGroupVariants['size']
+    class?: HTMLAttributes["class"]
+    variant?: ToggleGroupVariants["variant"]
+    size?: ToggleGroupVariants["size"]
   }
 >()
 const emits = defineEmits<ToggleGroupRootEmits>()
 
-provide('toggleGroup', {
+provide("toggleGroup", {
   variant: props.variant,
   size: props.size
 })
diff --git a/components/ui/toggle-group/ToggleGroupItem.vue b/components/ui/toggle-group/ToggleGroupItem.vue
index af7ca39..5cef441 100644
--- a/components/ui/toggle-group/ToggleGroupItem.vue
+++ b/components/ui/toggle-group/ToggleGroupItem.vue
@@ -1,21 +1,21 @@
 <script setup lang="ts">
-import type { VariantProps } from 'class-variance-authority'
-import { type HTMLAttributes, computed, inject } from 'vue'
-import { ToggleGroupItem, type ToggleGroupItemProps, useForwardProps } from 'radix-vue'
-import { toggleVariants } from '@/components/ui/toggle'
-import { cn } from '@/lib/utils'
+import type { VariantProps } from "class-variance-authority"
+import { type HTMLAttributes, computed, inject } from "vue"
+import { ToggleGroupItem, type ToggleGroupItemProps, useForwardProps } from "radix-vue"
+import { toggleVariants } from "@/components/ui/toggle"
+import { cn } from "@/lib/utils"
 
 type ToggleGroupVariants = VariantProps<typeof toggleVariants>
 
 const props = defineProps<
   ToggleGroupItemProps & {
-    class?: HTMLAttributes['class']
-    variant?: ToggleGroupVariants['variant']
-    size?: ToggleGroupVariants['size']
+    class?: HTMLAttributes["class"]
+    variant?: ToggleGroupVariants["variant"]
+    size?: ToggleGroupVariants["size"]
   }
 >()
 
-const context = inject<ToggleGroupVariants>('toggleGroup')
+const context = inject<ToggleGroupVariants>("toggleGroup")
 
 const delegatedProps = computed(() => {
   const { class: _, variant, size, ...delegated } = props
diff --git a/components/ui/toggle-group/index.ts b/components/ui/toggle-group/index.ts
index 9f89ad7..c6ce2fc 100644
--- a/components/ui/toggle-group/index.ts
+++ b/components/ui/toggle-group/index.ts
@@ -1,2 +1,2 @@
-export { default as ToggleGroup } from './ToggleGroup.vue'
-export { default as ToggleGroupItem } from './ToggleGroupItem.vue'
+export { default as ToggleGroup } from "./ToggleGroup.vue"
+export { default as ToggleGroupItem } from "./ToggleGroupItem.vue"
diff --git a/components/ui/toggle/Toggle.vue b/components/ui/toggle/Toggle.vue
index 8092669..188b5e9 100644
--- a/components/ui/toggle/Toggle.vue
+++ b/components/ui/toggle/Toggle.vue
@@ -1,20 +1,20 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { Toggle, type ToggleEmits, type ToggleProps, useForwardPropsEmits } from 'radix-vue'
-import { type ToggleVariants, toggleVariants } from '.'
-import { cn } from '@/lib/utils'
+import { type HTMLAttributes, computed } from "vue"
+import { Toggle, type ToggleEmits, type ToggleProps, useForwardPropsEmits } from "radix-vue"
+import { type ToggleVariants, toggleVariants } from "."
+import { cn } from "@/lib/utils"
 
 const props = withDefaults(
   defineProps<
     ToggleProps & {
-      class?: HTMLAttributes['class']
-      variant?: ToggleVariants['variant']
-      size?: ToggleVariants['size']
+      class?: HTMLAttributes["class"]
+      variant?: ToggleVariants["variant"]
+      size?: ToggleVariants["size"]
     }
   >(),
   {
-    variant: 'default',
-    size: 'default',
+    variant: "default",
+    size: "default",
     disabled: false
   }
 )
diff --git a/components/ui/toggle/index.ts b/components/ui/toggle/index.ts
index 6eed09f..06590bb 100644
--- a/components/ui/toggle/index.ts
+++ b/components/ui/toggle/index.ts
@@ -1,24 +1,24 @@
-import { type VariantProps, cva } from 'class-variance-authority'
+import { type VariantProps, cva } from "class-variance-authority"
 
-export { default as Toggle } from './Toggle.vue'
+export { default as Toggle } from "./Toggle.vue"
 
 export const toggleVariants = cva(
-  'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground',
+  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
   {
     variants: {
       variant: {
-        default: 'bg-transparent',
-        outline: 'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground'
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
       },
       size: {
-        default: 'h-10 px-3',
-        sm: 'h-9 px-2.5',
-        lg: 'h-11 px-5'
+        default: "h-10 px-3",
+        sm: "h-9 px-2.5",
+        lg: "h-11 px-5"
       }
     },
     defaultVariants: {
-      variant: 'default',
-      size: 'default'
+      variant: "default",
+      size: "default"
     }
   }
 )
diff --git a/components/ui/tooltip/Tooltip.vue b/components/ui/tooltip/Tooltip.vue
index 3581ace..df39560 100644
--- a/components/ui/tooltip/Tooltip.vue
+++ b/components/ui/tooltip/Tooltip.vue
@@ -4,7 +4,7 @@ import {
   type TooltipRootEmits,
   type TooltipRootProps,
   useForwardPropsEmits
-} from 'radix-vue'
+} from "radix-vue"
 
 const props = defineProps<TooltipRootProps>()
 const emits = defineEmits<TooltipRootEmits>()
diff --git a/components/ui/tooltip/TooltipContent.vue b/components/ui/tooltip/TooltipContent.vue
index fdaaf77..d170d96 100644
--- a/components/ui/tooltip/TooltipContent.vue
+++ b/components/ui/tooltip/TooltipContent.vue
@@ -1,20 +1,20 @@
 <script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
+import { type HTMLAttributes, computed } from "vue"
 import {
   TooltipContent,
   type TooltipContentEmits,
   type TooltipContentProps,
   TooltipPortal,
   useForwardPropsEmits
-} from 'radix-vue'
-import { cn } from '@/lib/utils'
+} from "radix-vue"
+import { cn } from "@/lib/utils"
 
 defineOptions({
   inheritAttrs: false
 })
 
 const props = withDefaults(
-  defineProps<TooltipContentProps & { class?: HTMLAttributes['class'] }>(),
+  defineProps<TooltipContentProps & { class?: HTMLAttributes["class"] }>(),
   {
     sideOffset: 4
   }
diff --git a/components/ui/tooltip/TooltipProvider.vue b/components/ui/tooltip/TooltipProvider.vue
index 816505d..acf2a7f 100644
--- a/components/ui/tooltip/TooltipProvider.vue
+++ b/components/ui/tooltip/TooltipProvider.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { TooltipProvider, type TooltipProviderProps } from 'radix-vue'
+import { TooltipProvider, type TooltipProviderProps } from "radix-vue"
 
 const props = defineProps<TooltipProviderProps>()
 </script>
diff --git a/components/ui/tooltip/TooltipTrigger.vue b/components/ui/tooltip/TooltipTrigger.vue
index f5b0e57..c7e1ca1 100644
--- a/components/ui/tooltip/TooltipTrigger.vue
+++ b/components/ui/tooltip/TooltipTrigger.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { TooltipTrigger, type TooltipTriggerProps } from 'radix-vue'
+import { TooltipTrigger, type TooltipTriggerProps } from "radix-vue"
 
 const props = defineProps<TooltipTriggerProps>()
 </script>
diff --git a/components/ui/tooltip/index.ts b/components/ui/tooltip/index.ts
index 82049b4..3b01783 100644
--- a/components/ui/tooltip/index.ts
+++ b/components/ui/tooltip/index.ts
@@ -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"
diff --git a/eslint.config.mjs b/eslint.config.mjs
index ad4eda5..782f2be 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,15 +1,16 @@
-import withNuxt from './.nuxt/eslint.config.mjs'
-import stylisticJs from '@stylistic/eslint-plugin-js'
+import withNuxt from "./.nuxt/eslint.config.mjs"
+import stylisticJs from "@stylistic/eslint-plugin-js"
 
 export default withNuxt({
   plugins: {
-    '@stylistic/js': stylisticJs
+    "@stylistic/js": stylisticJs
   },
   rules: {
-    'vue/multi-word-component-names': 'off',
-    'no-unused-vars': 'warn',
-    'space-in-parens': 'off',
-    'computed-property-spacing': 'off',
-    '@stylistic/js/indent': [ 'warn', 2, { SwitchCase: 1 } ],
+    "vue/multi-word-component-names": "off",
+    "no-unused-vars": "warn",
+    "space-in-parens": "off",
+    "computed-property-spacing": "off",
+    "quotes": ["error", "double"],
+    "@stylistic/js/indent": [ "warn", 2, { SwitchCase: 1 } ],
   }
-})
\ No newline at end of file
+})
diff --git a/lib/utils.ts b/lib/utils.ts
index d32b0fe..d084cca 100644
--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -1,5 +1,5 @@
-import { type ClassValue, clsx } from 'clsx'
-import { twMerge } from 'tailwind-merge'
+import { type ClassValue, clsx } from "clsx"
+import { twMerge } from "tailwind-merge"
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))
diff --git a/models/CalendarConfig.ts b/models/CalendarConfig.ts
index 3c3af20..6bd4c83 100644
--- a/models/CalendarConfig.ts
+++ b/models/CalendarConfig.ts
@@ -1,4 +1,4 @@
-import { z } from 'zod'
+import { z } from "zod"
 import type { CalendarEvent } from "./CalendarEvent"
 import { calendarMonthSchema, type CalendarMonth } from "./CalendarMonth"
 import { dateSchema, type RPGDate } from "./Date"
diff --git a/models/CalendarEvent.ts b/models/CalendarEvent.ts
index ca8da54..042b43d 100644
--- a/models/CalendarEvent.ts
+++ b/models/CalendarEvent.ts
@@ -1,6 +1,6 @@
-import { z } from 'zod'
-import { categorySchema, type Category } from './Category'
-import { dateSchema, type RPGDate } from './Date'
+import { z } from "zod"
+import { categorySchema, type Category } from "./Category"
+import { dateSchema, type RPGDate } from "./Date"
 
 export interface CalendarEvent {
   id?: number
@@ -33,5 +33,5 @@ export const postEventBodySchema = z.object({
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function isCalendarEvent(object: any): object is CalendarEvent {
-  return 'startDate' in object
+  return "startDate" in object
 }
diff --git a/models/CalendarMonth.ts b/models/CalendarMonth.ts
index 4a14df9..4d49a63 100644
--- a/models/CalendarMonth.ts
+++ b/models/CalendarMonth.ts
@@ -1,4 +1,4 @@
-import { z } from 'zod'
+import { z } from "zod"
 
 export interface CalendarMonth {
   id?: number
diff --git a/models/Category.ts b/models/Category.ts
index 2b260e7..af2849a 100644
--- a/models/Category.ts
+++ b/models/Category.ts
@@ -1,5 +1,5 @@
-import { z } from 'zod'
-import type { RPGColor } from './Color'
+import { z } from "zod"
+import type { RPGColor } from "./Color"
 
 export interface Category {
   id: number
diff --git a/models/Characters.ts b/models/Characters.ts
index ca1570e..297500b 100644
--- a/models/Characters.ts
+++ b/models/Characters.ts
@@ -1,5 +1,5 @@
-import type { Category } from './Category'
-import type { RPGDate } from './Date'
+import type { Category } from "./Category"
+import type { RPGDate } from "./Date"
 
 export interface Character {
   name: string
@@ -15,5 +15,5 @@ export interface Character {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function isCharacter(object: any): object is Character {
-  return 'birth' in object
+  return "birth" in object
 }
diff --git a/models/Date.ts b/models/Date.ts
index ae2e72c..0447bdd 100644
--- a/models/Date.ts
+++ b/models/Date.ts
@@ -6,7 +6,7 @@ export interface RPGDate {
   year: number
 }
 
-export type RPGDateOrder = 'asc' | 'desc'
+export type RPGDateOrder = "asc" | "desc"
 
 export const dateSchema = z.object({
   day: z.number().int().positive(),
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 83c1231..fa90f58 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -3,15 +3,15 @@ export default defineNuxtConfig({
   devtools: { enabled: true },
 
   modules: [
-    '@nuxtjs/supabase',
-    '@pinia/nuxt',
-    '@vueuse/nuxt',
-    '@nuxtjs/tailwindcss',
-    '@nuxtjs/color-mode',
-    '@nuxt/eslint',
-    'shadcn-nuxt'
+    "@nuxtjs/supabase",
+    "@pinia/nuxt",
+    "@vueuse/nuxt",
+    "@nuxtjs/tailwindcss",
+    "@nuxtjs/color-mode",
+    "@nuxt/eslint",
+    "shadcn-nuxt"
   ],
-  css: ['~/assets/main.css'],
+  css: ["~/assets/main.css"],
 
   supabase: {
     redirect: false
@@ -24,13 +24,13 @@ export default defineNuxtConfig({
     },
   },
   shadcn: {
-    prefix: 'Ui',
-    componentDir: './components/ui'
+    prefix: "Ui",
+    componentDir: "./components/ui"
   },
   colorMode: {
-    classSuffix: '',
-    preference: 'dark',
-    fallback: 'dark',
+    classSuffix: "",
+    preference: "dark",
+    fallback: "dark",
   },
   eslint: {}
 })
diff --git a/pages/i/calendar/[id].vue b/pages/i/calendar/[id].vue
index bbe13fa..f647778 100644
--- a/pages/i/calendar/[id].vue
+++ b/pages/i/calendar/[id].vue
@@ -1,28 +1,28 @@
 <script lang="ts" setup>
-import { PhCircleNotch } from '@phosphor-icons/vue';
-import type { Calendar } from '~/models/CalendarConfig';
-import type { Category } from '~/models/Category';
+import { PhCircleNotch } from "@phosphor-icons/vue";
+import type { Calendar } from "~/models/CalendarConfig";
+import type { Category } from "~/models/Category";
 
 useHead({
-  title: 'Calendrier'
+  title: "Calendrier"
 })
 definePageMeta({
-  middleware: ['auth-guard']
+  middleware: ["auth-guard"]
 })
 
 const user = useSupabaseUser()
 // Redirect user back home when they log out on the page
 watch(user, (n, _o) => {
   if (!n) {
-    navigateTo('/')
+    navigateTo("/")
   }
 })
 
 const route = useRoute()
 const id = route.params.id
 
-const { data: calendarData, pending: calPending } = useLazyFetch('/api/calendars/query', { key: `calendar-${id}`, query: { id, full: true } })
-const { data: catData, pending: catPending } = useLazyFetch('/api/calendars/categories/query', { key: `categories-${id}` })
+const { data: calendarData, pending: calPending } = useLazyFetch("/api/calendars/query", { key: `calendar-${id}`, query: { id, full: true } })
+const { data: catData, pending: catPending } = useLazyFetch("/api/calendars/categories/query", { key: `categories-${id}` })
 
 const cal = computed<Calendar>(() => calendarData?.value?.data as Calendar)
 const categories = computed<Category[]>(() => catData?.value?.data as Category[])
diff --git a/pages/i/world/[id].vue b/pages/i/world/[id].vue
index 24c59cc..dcfbdf1 100644
--- a/pages/i/world/[id].vue
+++ b/pages/i/world/[id].vue
@@ -1,22 +1,22 @@
 <script lang="ts" setup>
-import type { RealtimeChannel } from '@supabase/supabase-js'
-import { PhPlus, PhTrash } from '@phosphor-icons/vue';
-import type { World } from '~/models/World';
-import type { Calendar } from '~/models/CalendarConfig';
+import type { RealtimeChannel } from "@supabase/supabase-js"
+import type { World } from "~/models/World";
+import type { Calendar } from "~/models/CalendarConfig";
+import { PhPlus, PhTrash } from "@phosphor-icons/vue";
 
 const supabase = useSupabaseClient()
 const route = useRoute()
 const id = route.params.id
 
-const { data: res, pending } = await useFetch('/api/worlds/query', { query: { id, full: true } })
+const { data: res, pending } = await useFetch("/api/worlds/query", { query: { id, full: true } })
 
 const world = ref<World>(res.value?.data as World)
 
 useHead({
-  title: 'Profil'
+  title: "Profil"
 })
 definePageMeta({
-  middleware: ['auth-guard']
+  middleware: ["auth-guard"]
 })
 
 const user = useSupabaseUser()
@@ -24,7 +24,7 @@ const user = useSupabaseUser()
 // Redirect user back home when they log out on the page
 watch(user, (n, _o) => {
   if (!n) {
-    navigateTo('/')
+    navigateTo("/")
   }
 })
 
@@ -60,22 +60,22 @@ function handleDeletedCalendar(id: number) {
 }
 
 onMounted(() => {
-  calendarChannel = supabase.channel('custom-insert-channel')
+  calendarChannel = supabase.channel("custom-insert-channel")
     .on(
-      'postgres_changes',
-      { event: '*', schema: 'public', table: 'calendars' },
+      "postgres_changes",
+      { event: "*", schema: "public", table: "calendars" },
       (payload) => {
         switch (payload.eventType) {
-          case 'INSERT':
+          case "INSERT":
             handleInsertedCalendar(payload.new as Calendar)
             break
 
-          case 'DELETE':
+          case "DELETE":
             handleDeletedCalendar(payload.old.id)
             break
 
           default:
-            console.log('Unknown event has been triggered. This should not happen unless Supabase added one somehow.')
+            console.log("Unknown event has been triggered. This should not happen unless Supabase added one somehow.")
             break
         }
       }
diff --git a/pages/index.vue b/pages/index.vue
index 191b1c5..55e3b85 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 useHead({
-  title: 'Dashboard'
+  title: "Dashboard"
 })
 </script>
 
diff --git a/server/api/calendars/[id].delete.ts b/server/api/calendars/[id].delete.ts
index 3027393..f5710b4 100644
--- a/server/api/calendars/[id].delete.ts
+++ b/server/api/calendars/[id].delete.ts
@@ -1,4 +1,4 @@
-import { z } from 'zod'
+import { z } from "zod"
 import { serverSupabaseClient } from "#supabase/server"
 import type { Calendar } from "~/models/CalendarConfig"
 
@@ -13,7 +13,7 @@ export default defineEventHandler(async (event) => {
 
   if (paramsError) {
     throw createError({
-      cause: 'Utilisateur',
+      cause: "Utilisateur",
       fatal: false,
       message: "L'identifiant du calendrier est manquant ou mal renseigné.",
       status: 401,
@@ -22,9 +22,9 @@ export default defineEventHandler(async (event) => {
 
   try {
     const { data, error } = await client
-      .from('calendars')
+      .from("calendars")
       .delete()
-      .eq('id', params.id)
+      .eq("id", params.id)
       .maybeSingle<Calendar>()
 
     if (error) throw error
@@ -32,10 +32,10 @@ export default defineEventHandler(async (event) => {
     return data
   } catch (err) {
     throw createError({
-      cause: 'Serveur',
+      cause: "Serveur",
       status: 500,
       fatal: false,
-      message: 'Une erreur inconnue est survenue.'
+      message: "Une erreur inconnue est survenue."
     })
   }
 })
diff --git a/server/api/calendars/categories/query.get.ts b/server/api/calendars/categories/query.get.ts
index a77f46f..8239d95 100644
--- a/server/api/calendars/categories/query.get.ts
+++ b/server/api/calendars/categories/query.get.ts
@@ -1,5 +1,5 @@
 import { serverSupabaseClient } from "#supabase/server";
-import { z } from 'zod'
+import { z } from "zod"
 import type { Category } from "~/models/Category";
 
 const querySchema = z.object({
@@ -10,17 +10,17 @@ export default defineEventHandler(async (event) => {
   const client = await serverSupabaseClient(event)
   const query = await getValidatedQuery(event, querySchema.parse)
 
-  setHeader(event, 'Cache-Control', 'public, max-age=3600, s-maxage=7200')
+  setHeader(event, "Cache-Control", "public, max-age=3600, s-maxage=7200")
 
   const output = client
-    .from('calendar_event_categories')
+    .from("calendar_event_categories")
     .select(`
       id,
       name
     `)
 
   if (query.id) {
-    return output.eq('id', query.id).limit(1).single<Category>()
+    return output.eq("id", query.id).limit(1).single<Category>()
   }
 
   return output.returns<Category[]>()
diff --git a/server/api/calendars/create.post.ts b/server/api/calendars/create.post.ts
index b9a3986..f4190d3 100644
--- a/server/api/calendars/create.post.ts
+++ b/server/api/calendars/create.post.ts
@@ -10,7 +10,7 @@ export default defineEventHandler(async (event) => {
   if (schemaError) {
     console.log(schemaError)
     throw createError({
-      cause: 'Utilisateur',
+      cause: "Utilisateur",
       fatal: false,
       message: "Le schéma de la requête n'est pas complet ou mal renseigné.",
       status: 401,
@@ -23,7 +23,7 @@ export default defineEventHandler(async (event) => {
   // First insert the calendar
   try {
     const { data, error } = await client
-      .from('calendars')
+      .from("calendars")
       .insert(
         {
           name: bodyData.name,
@@ -32,7 +32,7 @@ export default defineEventHandler(async (event) => {
           world_id: bodyData.worldId
         } as never
       )
-      .select(`id`)
+      .select("id")
       .single()
 
     if (data?.id) {
@@ -43,7 +43,7 @@ export default defineEventHandler(async (event) => {
   } catch (err) {
     console.log(err)
     throw createError({
-      cause: 'Serveur',
+      cause: "Serveur",
       fatal: false,
       message: "Une erreur inconnue s'est produite pendant la création du calendrier.",
       status: 500,
@@ -59,7 +59,7 @@ export default defineEventHandler(async (event) => {
   // Bulk insert the months
   try {
     const { error } = await client
-      .from('calendar_months')
+      .from("calendar_months")
       .insert(bodyData.months as never)
 
     if (error) throw error
@@ -67,14 +67,14 @@ export default defineEventHandler(async (event) => {
     // If we found an error, rollback the calendar
     if (calendarId) {
       await client
-        .from('calendars')
+        .from("calendars")
         .delete()
-        .eq('id', calendarId)
+        .eq("id", calendarId)
         .single()
     }
 
     throw createError({
-      cause: 'Serveur',
+      cause: "Serveur",
       fatal: false,
       message: "Une erreur inconnue s'est produite pendant la création des mois du calendrier.",
       status: 500,
@@ -84,14 +84,14 @@ export default defineEventHandler(async (event) => {
   if (calendarId) {
     try {
       return client
-        .from('calendars')
+        .from("calendars")
         .select("*")
-        .eq('id', calendarId)
+        .eq("id", calendarId)
         .limit(1)
         .single<Calendar>()
     } catch (err) {
       throw createError({
-        cause: 'Serveur',
+        cause: "Serveur",
         fatal: false,
         message: "Impossible de récupérer les données du calendrier créé.",
         status: 500,
diff --git a/server/api/calendars/events/[id].delete.ts b/server/api/calendars/events/[id].delete.ts
index 167ca0e..2934682 100644
--- a/server/api/calendars/events/[id].delete.ts
+++ b/server/api/calendars/events/[id].delete.ts
@@ -1,4 +1,4 @@
-import { z } from 'zod'
+import { z } from "zod"
 import { serverSupabaseClient } from "#supabase/server"
 import type { CalendarEvent } from "~/models/CalendarEvent"
 
@@ -13,7 +13,7 @@ export default defineEventHandler(async (event) => {
 
   if (paramsError) {
     throw createError({
-      cause: 'Utilisateur',
+      cause: "Utilisateur",
       fatal: false,
       message: "L'identifiant de l'évènement est manquant ou mal renseigné.",
       status: 401,
@@ -22,9 +22,9 @@ export default defineEventHandler(async (event) => {
 
   try {
     const { data, error } = await client
-      .from('calendar_events')
+      .from("calendar_events")
       .delete()
-      .eq('id', params.id)
+      .eq("id", params.id)
       .maybeSingle<CalendarEvent>()
 
     if (error) throw error
@@ -32,10 +32,10 @@ export default defineEventHandler(async (event) => {
     return data
   } catch (err) {
     throw createError({
-      cause: 'Serveur',
+      cause: "Serveur",
       status: 500,
       fatal: false,
-      message: 'Une erreur inconnue est survenue.'
+      message: "Une erreur inconnue est survenue."
     })
   }
 })
diff --git a/server/api/calendars/events/[id].patch.ts b/server/api/calendars/events/[id].patch.ts
index adfb7fa..f0ab3d9 100644
--- a/server/api/calendars/events/[id].patch.ts
+++ b/server/api/calendars/events/[id].patch.ts
@@ -1,4 +1,4 @@
-import { z } from 'zod'
+import { z } from "zod"
 import { serverSupabaseClient } from "#supabase/server"
 import { postEventBodySchema, type CalendarEvent } from "~/models/CalendarEvent"
 
@@ -14,7 +14,7 @@ export default defineEventHandler(async (event) => {
 
   if (paramsError) {
     throw createError({
-      cause: 'Utilisateur',
+      cause: "Utilisateur",
       fatal: false,
       message: "L'identifiant de l'évènement est manquant ou mal renseigné.",
       status: 401,
@@ -23,7 +23,7 @@ export default defineEventHandler(async (event) => {
 
   if (bodyError) {
     throw createError({
-      cause: 'Utilisateur',
+      cause: "Utilisateur",
       fatal: false,
       message: "Le schéma de la requête n'est pas complet ou mal renseigné.",
       status: 401,
@@ -32,7 +32,7 @@ export default defineEventHandler(async (event) => {
 
   try {
     const { data, error } = await client
-      .from('calendar_events')
+      .from("calendar_events")
       .update(
         {
           start_date: bodyData?.event.startDate,
@@ -45,7 +45,7 @@ export default defineEventHandler(async (event) => {
           calendar_id: bodyData?.calendarId
         } as never
       )
-      .eq('id', params.id)
+      .eq("id", params.id)
       .select(`
         id,
         title,
@@ -65,10 +65,10 @@ export default defineEventHandler(async (event) => {
     return data
   } catch (err) {
     throw createError({
-      cause: 'Serveur',
+      cause: "Serveur",
       status: 500,
       fatal: false,
-      message: 'Une erreur inconnue est survenue.'
+      message: "Une erreur inconnue est survenue."
     })
   }
 })
diff --git a/server/api/calendars/events/create.post.ts b/server/api/calendars/events/create.post.ts
index 1d311a0..780aa46 100644
--- a/server/api/calendars/events/create.post.ts
+++ b/server/api/calendars/events/create.post.ts
@@ -8,7 +8,7 @@ export default defineEventHandler(async (event) => {
 
   if (schemaError) {
     throw createError({
-      cause: 'Utilisateur',
+      cause: "Utilisateur",
       fatal: false,
       message: "Le schéma de la requête n'est pas complet ou mal renseigné.",
       status: 401,
@@ -17,7 +17,7 @@ export default defineEventHandler(async (event) => {
 
   try {
     const { data, error } = await client
-      .from('calendar_events')
+      .from("calendar_events")
       .insert(
         {
           start_date: bodyData?.event.startDate,
@@ -49,10 +49,10 @@ export default defineEventHandler(async (event) => {
     return data
   } catch (err) {
     throw createError({
-      cause: 'Serveur',
+      cause: "Serveur",
       status: 500,
       fatal: false,
-      message: 'Une erreur inconnue est survenue.'
+      message: "Une erreur inconnue est survenue."
     })
   }
 })
diff --git a/server/api/calendars/events/query.get.ts b/server/api/calendars/events/query.get.ts
index 359af0a..4167b6a 100644
--- a/server/api/calendars/events/query.get.ts
+++ b/server/api/calendars/events/query.get.ts
@@ -1,5 +1,5 @@
 import { serverSupabaseClient } from "#supabase/server";
-import { z } from 'zod'
+import { z } from "zod"
 import type { CalendarEvent } from "~/models/CalendarEvent";
 
 const querySchema = z.object({
@@ -11,7 +11,7 @@ export default defineEventHandler(async (event) => {
   const query = await getValidatedQuery(event, querySchema.parse)
 
   const output = client
-    .from('calendar_events')
+    .from("calendar_events")
     .select(`
       id,
       title,
@@ -25,7 +25,7 @@ export default defineEventHandler(async (event) => {
     `)
 
   if (query.calendarId) {
-    output.eq('calendar_id', query.calendarId)
+    output.eq("calendar_id", query.calendarId)
   }
 
   return output.returns<CalendarEvent[]>()
diff --git a/server/api/calendars/months/[id].delete.ts b/server/api/calendars/months/[id].delete.ts
index 4783eba..3536f16 100644
--- a/server/api/calendars/months/[id].delete.ts
+++ b/server/api/calendars/months/[id].delete.ts
@@ -1,4 +1,4 @@
-import { z } from 'zod'
+import { z } from "zod"
 import { serverSupabaseClient } from "#supabase/server"
 import type { CalendarMonth } from "~/models/CalendarMonth"
 
@@ -13,7 +13,7 @@ export default defineEventHandler(async (event) => {
 
   if (paramsError) {
     throw createError({
-      cause: 'Utilisateur',
+      cause: "Utilisateur",
       fatal: false,
       message: "L'identifiant de l'évènement est manquant ou mal renseigné.",
       status: 401,
@@ -22,9 +22,9 @@ export default defineEventHandler(async (event) => {
 
   try {
     const { data, error } = await client
-      .from('calendar_months')
+      .from("calendar_months")
       .delete()
-      .eq('id', params.id)
+      .eq("id", params.id)
       .maybeSingle<CalendarMonth>()
 
     if (error) throw error
@@ -32,10 +32,10 @@ export default defineEventHandler(async (event) => {
     return data
   } catch (err) {
     throw createError({
-      cause: 'Serveur',
+      cause: "Serveur",
       status: 500,
       fatal: false,
-      message: 'Une erreur inconnue est survenue.'
+      message: "Une erreur inconnue est survenue."
     })
   }
 })
diff --git a/server/api/calendars/months/[id].patch.ts b/server/api/calendars/months/[id].patch.ts
index fdf47ef..428c517 100644
--- a/server/api/calendars/months/[id].patch.ts
+++ b/server/api/calendars/months/[id].patch.ts
@@ -1,4 +1,4 @@
-import { z } from 'zod'
+import { z } from "zod"
 import { serverSupabaseClient } from "#supabase/server"
 import { calendarMonthSchema, type CalendarMonth } from "~/models/CalendarMonth"
 
@@ -15,7 +15,7 @@ export default defineEventHandler(async (event) => {
   if (paramsError) {
     console.log(paramsError)
     throw createError({
-      cause: 'Utilisateur',
+      cause: "Utilisateur",
       fatal: false,
       message: "L'identifiant du mois est manquant ou mal renseigné.",
       status: 401,
@@ -25,7 +25,7 @@ export default defineEventHandler(async (event) => {
   if (bodyError) {
     console.log(bodyData)
     throw createError({
-      cause: 'Utilisateur',
+      cause: "Utilisateur",
       fatal: false,
       message: "Le schéma de la requête n'est pas complet ou mal renseigné.",
       status: 401,
@@ -34,7 +34,7 @@ export default defineEventHandler(async (event) => {
 
   try {
     const { data, error } = await client
-      .from('calendar_months')
+      .from("calendar_months")
       .update(
         {
           name: bodyData?.name,
@@ -43,7 +43,7 @@ export default defineEventHandler(async (event) => {
           calendar_id: bodyData.calendar_id,
         } as never
       )
-      .eq('id', params.id)
+      .eq("id", params.id)
       .select(`
         id,
         name,
@@ -59,10 +59,10 @@ export default defineEventHandler(async (event) => {
   } catch (err) {
     console.log(err)
     throw createError({
-      cause: 'Serveur',
+      cause: "Serveur",
       status: 500,
       fatal: false,
-      message: 'Une erreur inconnue est survenue.'
+      message: "Une erreur inconnue est survenue."
     })
   }
 })
diff --git a/server/api/calendars/months/create.post.ts b/server/api/calendars/months/create.post.ts
index 5997230..789c19a 100644
--- a/server/api/calendars/months/create.post.ts
+++ b/server/api/calendars/months/create.post.ts
@@ -8,7 +8,7 @@ export default defineEventHandler(async (event) => {
   if (schemaError) {
     console.log(schemaError)
     throw createError({
-      cause: 'Utilisateur',
+      cause: "Utilisateur",
       fatal: false,
       message: "Le schéma de la requête n'est pas complet ou mal renseigné.",
       status: 401,
@@ -17,7 +17,7 @@ export default defineEventHandler(async (event) => {
 
   try {
     const { data, error } = await client
-      .from('calendar_months')
+      .from("calendar_months")
       .insert(
         {
           name: bodyData?.name,
@@ -41,10 +41,10 @@ export default defineEventHandler(async (event) => {
   } catch (err) {
     console.log(err)
     throw createError({
-      cause: 'Serveur',
+      cause: "Serveur",
       status: 500,
       fatal: false,
-      message: 'Une erreur inconnue est survenue.'
+      message: "Une erreur inconnue est survenue."
     })
   }
 })
diff --git a/server/api/calendars/months/query.get.ts b/server/api/calendars/months/query.get.ts
index 16b627f..b2d7c24 100644
--- a/server/api/calendars/months/query.get.ts
+++ b/server/api/calendars/months/query.get.ts
@@ -1,5 +1,5 @@
 import { serverSupabaseClient } from "#supabase/server";
-import { z } from 'zod'
+import { z } from "zod"
 import type { CalendarMonth } from "~/models/CalendarMonth";
 
 const querySchema = z.object({
@@ -11,7 +11,7 @@ export default defineEventHandler(async (event) => {
   const query = await getValidatedQuery(event, querySchema.parse)
 
   const output = client
-    .from('calendar_months')
+    .from("calendar_months")
     .select(`
       id,
       name,
@@ -21,7 +21,7 @@ export default defineEventHandler(async (event) => {
     `)
 
   if (query.calendarId) {
-    output.eq('calendar_id', query.calendarId)
+    output.eq("calendar_id", query.calendarId)
   }
 
   return output.returns<CalendarMonth[]>()
diff --git a/server/api/calendars/query.get.ts b/server/api/calendars/query.get.ts
index 19a74f5..4b9efee 100644
--- a/server/api/calendars/query.get.ts
+++ b/server/api/calendars/query.get.ts
@@ -1,5 +1,5 @@
 import { serverSupabaseClient } from "#supabase/server";
-import { z } from 'zod'
+import { z } from "zod"
 import type { Calendar } from "~/models/CalendarConfig";
 
 const querySchema = z.object({
@@ -11,7 +11,7 @@ export default defineEventHandler(async (event) => {
   const client = await serverSupabaseClient(event)
   const query = await getValidatedQuery(event, querySchema.parse)
 
-  setHeader(event, 'Cache-Control', 'public, max-age=3600, s-maxage=7200')
+  setHeader(event, "Cache-Control", "public, max-age=3600, s-maxage=7200")
 
   const partialFields = `
     id,
@@ -42,13 +42,13 @@ export default defineEventHandler(async (event) => {
   let output
 
   if (query.full) {
-    output = client.from('calendars').select(fullFields)
+    output = client.from("calendars").select(fullFields)
   } else {
-    output = client.from('calendars').select(partialFields)
+    output = client.from("calendars").select(partialFields)
   }
 
   if (query.id) {
-    return output.eq('id', query.id).limit(1).single<Calendar>()
+    return output.eq("id", query.id).limit(1).single<Calendar>()
   }
 
   return output.returns<Calendar[]>()
diff --git a/server/api/characters/query.get.ts b/server/api/characters/query.get.ts
index 79fb25d..21578a7 100644
--- a/server/api/characters/query.get.ts
+++ b/server/api/characters/query.get.ts
@@ -1,4 +1,4 @@
-import { z } from 'zod'
+import { z } from "zod"
 import { serverSupabaseClient } from "#supabase/server";
 import type { Character } from "~/models/Characters";
 
@@ -11,7 +11,7 @@ export default defineEventHandler(async (event) => {
   const query = await getValidatedQuery(event, querySchema.parse)
 
   const output = client
-    .from('characters')
+    .from("characters")
     .select(`
       id,
       name,
@@ -24,7 +24,7 @@ export default defineEventHandler(async (event) => {
     `)
 
   if (query.worldId) {
-    output.eq('world_id', query.worldId)
+    output.eq("world_id", query.worldId)
   }
 
   return output.returns<Character[]>()
diff --git a/server/api/worlds/query.get.ts b/server/api/worlds/query.get.ts
index 603dae8..e980f36 100644
--- a/server/api/worlds/query.get.ts
+++ b/server/api/worlds/query.get.ts
@@ -1,4 +1,4 @@
-import { z } from 'zod'
+import { z } from "zod"
 import { serverSupabaseClient } from "#supabase/server";
 import type { World } from "~/models/World";
 
@@ -11,21 +11,21 @@ export default defineEventHandler(async (event) => {
   const client = await serverSupabaseClient(event)
   const query = await getValidatedQuery(event, querySchema.parse)
 
-  const fullFields = `id, name, description, color, calendars (id, name, color, today)`
-  const partialFields = `id, name, description, color`
+  const fullFields = "id, name, description, color, calendars (id, name, color, today)"
+  const partialFields = "id, name, description, color"
 
   let output
 
   if (query.full) {
-    output = client.from('worlds').select(fullFields)
+    output = client.from("worlds").select(fullFields)
   } else {
-    output = client.from('worlds').select(partialFields)
+    output = client.from("worlds").select(partialFields)
   }
 
   if (query.id) {
     // const eventNb = await client.from('worlds').select('events:calendars(calendar_events(id))').order('events_count')
 
-    return output.eq('id', query.id).single<World>()
+    return output.eq("id", query.id).single<World>()
   }
 
   return output.returns<World[]>()
diff --git a/stores/CalendarStore.ts b/stores/CalendarStore.ts
index 4a055b5..bc6029e 100644
--- a/stores/CalendarStore.ts
+++ b/stores/CalendarStore.ts
@@ -1,16 +1,16 @@
 import type {
   RPGDate,
   RPGDateOrder,
-} from '@/models/Date'
-import { useUrlSearchParams } from '@vueuse/core'
-import { defineStore } from 'pinia'
-import { computed, ref, type ComputedRef } from 'vue'
-import type { Calendar } from '~/models/CalendarConfig'
-import type { CalendarEvent } from '~/models/CalendarEvent'
-import type { CalendarMonth } from '~/models/CalendarMonth'
-import type { Category } from '~/models/Category'
+} from "@/models/Date"
+import { useUrlSearchParams } from "@vueuse/core"
+import { defineStore } from "pinia"
+import { computed, ref, type ComputedRef } from "vue"
+import type { Calendar } from "~/models/CalendarConfig"
+import type { CalendarEvent } from "~/models/CalendarEvent"
+import type { CalendarMonth } from "~/models/CalendarMonth"
+import type { Category } from "~/models/Category"
 
-type CalendarViewType = 'month' | 'year' | 'decade' | 'century'
+type CalendarViewType = "month" | "year" | "decade" | "century"
 
 type CalendarCurrentConfig = {
   viewType: CalendarViewType
@@ -24,16 +24,16 @@ type CalendarCurrentDate = {
   currentDateTitle: ComputedRef<string>
 }
 
-export const useCalendar = defineStore('calendar', () => {
+export const useCalendar = defineStore("calendar", () => {
   /**
    * Static calendar config
    */
   const currentConfig = ref<CalendarCurrentConfig>({
-    viewType: 'month'
+    viewType: "month"
   })
   const viewTypeOptions = new Set<CalendarViewType>([
-    'month',
-    'year'
+    "month",
+    "year"
   ])
 
   const activeCalendar = ref<{ id: number; name: string; today: RPGDate} | null>(null)
@@ -75,7 +75,7 @@ export const useCalendar = defineStore('calendar', () => {
     }
   }
 
-  const params = useUrlSearchParams('history', {
+  const params = useUrlSearchParams("history", {
     write: false
   })
 
@@ -126,24 +126,24 @@ export const useCalendar = defineStore('calendar', () => {
 
   const currentDateTitle = computed<string>(() => {
     switch (currentConfig.value.viewType) {
-      case 'month':
+      case "month":
         return getFormattedDateTitle({
           day: currentDate.currentDay.value,
           month: currentDate.currentMonth.value,
           year: currentDate.currentYear.value,
         })
 
-      case 'year':
+      case "year":
         return `Année ${currentYear.value}`
 
-      case 'decade':
+      case "decade":
         return `Années ${currentYear.value} - ${currentYear.value + 10}`
 
-      case 'century':
+      case "century":
         return `Années ${currentYear.value} - ${currentYear.value + 100}`
 
       default:
-        return 'Date inconnue'
+        return "Date inconnue"
     }
   })
 
@@ -171,15 +171,15 @@ export const useCalendar = defineStore('calendar', () => {
    */
   const isCurrentScreenActive = computed<boolean>(() => {
     switch (currentConfig.value.viewType) {
-      case 'month':
+      case "month":
         return (
           defaultDate.value.month === currentDate.currentMonth.value &&
           defaultDate.value.year === currentDate.currentYear.value
         )
 
-      case 'year':
-      case 'decade':
-      case 'century':
+      case "year":
+      case "decade":
+      case "century":
         return defaultDate.value.year === currentDate.currentYear.value
 
       default:
@@ -293,7 +293,7 @@ export const useCalendar = defineStore('calendar', () => {
       return sortedMonths.value[index].name
     }
 
-    return ''
+    return ""
   }
 
   /**
@@ -325,18 +325,18 @@ export const useCalendar = defineStore('calendar', () => {
    */
   function getViewTypeTitle(viewType: CalendarViewType): string {
     switch (viewType) {
-      case 'year':
-        return 'Année'
+      case "year":
+        return "Année"
 
-      case 'decade':
-        return 'Décennie'
+      case "decade":
+        return "Décennie"
 
-      case 'century':
-        return 'Siècle'
+      case "century":
+        return "Siècle"
 
-      case 'month':
+      case "month":
       default:
-        return 'Mois'
+        return "Mois"
     }
   }
 
@@ -439,9 +439,9 @@ export const useCalendar = defineStore('calendar', () => {
    * @param date2 Second date
    * @returns 1 means the first date comes before the second, -1 means the second comes before the first, and 0 if they're identical
    */
-  function compareDates(a: RPGDate, b: RPGDate, order: RPGDateOrder = 'desc'): number {
+  function compareDates(a: RPGDate, b: RPGDate, order: RPGDateOrder = "desc"): number {
     // Reverses the order if specified
-    const orderFactor: number = order === 'desc' ? 1 : -1
+    const orderFactor: number = order === "desc" ? 1 : -1
 
     // If somehow one of the date isn't available
     if (!b) {
@@ -476,43 +476,43 @@ export const useCalendar = defineStore('calendar', () => {
   function getRelativeString(
     baseDate: RPGDate,
     relativeDate: RPGDate,
-    formatting: 'compact' | 'complex' = 'complex'
+    formatting: "compact" | "complex" = "complex"
   ): string {
     const differenceInDays: number = getDifferenceInDays(baseDate, relativeDate)
-    let output: string = ''
-    let direction: 'past' | 'present' | 'future' = 'present'
-    let directionPrefix: string = ''
+    let output: string = ""
+    let direction: "past" | "present" | "future" = "present"
+    let directionPrefix: string = ""
 
     // Check whether it's a past or future date
     if (differenceInDays > 0) {
-      direction = 'future'
+      direction = "future"
     } else if (differenceInDays < 0) {
-      direction = 'past'
+      direction = "past"
     }
 
-    if (formatting === 'complex') {
+    if (formatting === "complex") {
     // Handle if it's the same date
-      if (direction === 'present') {
+      if (direction === "present") {
         return "Aujourd'hui"
       }
       if (differenceInDays === -2) {
-        return 'Avant-hier'
+        return "Avant-hier"
       }
       if (differenceInDays === -1) {
-        return 'Hier'
+        return "Hier"
       }
       if (differenceInDays === 1) {
-        return 'Demain'
+        return "Demain"
       }
       if (differenceInDays === 2) {
-        return 'Après-demain'
+        return "Après-demain"
       }
 
       // Get relevant prefix for the string
-      if (direction === 'future') {
-        directionPrefix = 'Dans '
-      } else if (direction === 'past') {
-        directionPrefix = 'Il y a '
+      if (direction === "future") {
+        directionPrefix = "Dans "
+      } else if (direction === "past") {
+        directionPrefix = "Il y a "
       }
 
       output += directionPrefix
@@ -567,7 +567,7 @@ export const useCalendar = defineStore('calendar', () => {
       // First, get all the remaining days in the current month
       const currentMonth = sortedMonths.value[datePivot.month]
       dateAcc.day = currentMonth.days - datePivot.day
-      if (direction === 'future') {
+      if (direction === "future") {
         datePivot.month = getNextViewMonth(datePivot.month)
       } else {
         datePivot.month = getPreviousViewMonth(datePivot.month)
@@ -576,7 +576,7 @@ export const useCalendar = defineStore('calendar', () => {
 
       // Then, get the remaining months in the year
       const remainingMonthsStart = sortedMonths.value.filter((m) => datePivot.month < m.position )
-      if (direction === 'future') {
+      if (direction === "future") {
         dateAcc.month = remainingMonthsStart.length + 1
       } else {
         dateAcc.month = remainingMonthsStart.length - 1
@@ -617,7 +617,7 @@ export const useCalendar = defineStore('calendar', () => {
   const categories = ref<Category[]>([])
 
   // Order base events by dates
-  const allEvents = computed<CalendarEvent[]>(() => [...baseEvents.value].sort((a, b) => compareDates(a.startDate, b.startDate, 'desc')))
+  const allEvents = computed<CalendarEvent[]>(() => [...baseEvents.value].sort((a, b) => compareDates(a.startDate, b.startDate, "desc")))
 
   // Gets all current event in its default state
   const currentEvents = ref<CalendarEvent[]>([])
@@ -645,19 +645,19 @@ export const useCalendar = defineStore('calendar', () => {
         event.endDate.month === currentRPGDate.value.month)
 
     switch (currentConfig.value.viewType) {
-      case 'month':
+      case "month":
         return !!isEventOnCurrentScreen
 
-      case 'year':
+      case "year":
         return event.startDate.year === currentRPGDate.value.year
 
-      case 'decade':
+      case "decade":
         return (
           event.startDate.year >= currentRPGDate.value.year &&
           event.startDate.year <= currentRPGDate.value.year + 10
         )
 
-      case 'century':
+      case "century":
         return (
           event.startDate.year >= currentRPGDate.value.year &&
           event.startDate.year <= currentRPGDate.value.year + 100
@@ -686,7 +686,7 @@ export const useCalendar = defineStore('calendar', () => {
    */
   function getRelativeEventFromEvent(
     event: CalendarEvent,
-    position: 'next' | 'prev' = 'next',
+    position: "next" | "prev" = "next",
     initialIsEnd: boolean = false
   ): { event: CalendarEvent; targetDate: RPGDate } {
     let dateToParse: RPGDate // Day value of the date that the user interacted with
@@ -709,10 +709,10 @@ export const useCalendar = defineStore('calendar', () => {
    */
   function getRelativeEventFromDate(
     date: RPGDate,
-    position: 'next' | 'prev' = 'next'
+    position: "next" | "prev" = "next"
   ): { event: CalendarEvent; targetDate: RPGDate } {
     const pivotValue = convertDateToDays(date)
-    let t: { eventData: CalendarEvent; distance: number; targetKey: 'startDate' | 'endDate' }[] = []
+    let t: { eventData: CalendarEvent; distance: number; targetKey: "startDate" | "endDate" }[] = []
 
     // Loop over all event once to convert the structure to a usable one
     for (let i = 0; i < allEvents.value.length; i++) {
@@ -726,7 +726,7 @@ export const useCalendar = defineStore('calendar', () => {
       t.push({
         eventData: e,
         distance: startDistance,
-        targetKey: 'startDate'
+        targetKey: "startDate"
       })
 
       // Check the same things for endDate
@@ -738,14 +738,14 @@ export const useCalendar = defineStore('calendar', () => {
         t.push({
           eventData: e,
           distance: endDistance,
-          targetKey: 'endDate'
+          targetKey: "endDate"
         })
       }
     }
 
     // Based on the direction, either ignore negative distance (past) or positive distance (future)
     t = t.filter((i) => {
-      return position === 'next' ? i.distance > 0 : i.distance < 0
+      return position === "next" ? i.distance > 0 : i.distance < 0
     })
 
     if (!t.length) {
@@ -796,13 +796,13 @@ export const useCalendar = defineStore('calendar', () => {
   /**
    * Dummy event to hold creation data
    */
-  const eventSkeleton = ref<CalendarEvent>({ title: '', startDate: defaultDate.value })
+  const eventSkeleton = ref<CalendarEvent>({ title: "", startDate: defaultDate.value })
 
   /**
    * Resets the dummy event data
    */
   function resetSkeleton() {
-    eventSkeleton.value = { title: '', startDate: defaultDate.value }
+    eventSkeleton.value = { title: "", startDate: defaultDate.value }
   }
 
   /**
@@ -815,7 +815,7 @@ export const useCalendar = defineStore('calendar', () => {
     isCreatingEvent.value = true
 
     try {
-      const res = await $fetch('/api/calendars/events/create', { method: 'POST', body: { event : eventSkeleton.value, calendarId: activeCalendar.value?.id }, signal: abortController.signal })
+      const res = await $fetch("/api/calendars/events/create", { method: "POST", body: { event : eventSkeleton.value, calendarId: activeCalendar.value?.id }, signal: abortController.signal })
 
       baseEvents.value.push(res)
     } catch (err) {
@@ -831,7 +831,7 @@ export const useCalendar = defineStore('calendar', () => {
     isUpdatingEvent.value = true
 
     try {
-      const res = await $fetch(`/api/calendars/events/${eventSkeleton.value.id}`, { method: 'PATCH', body: { event : eventSkeleton.value, calendarId: activeCalendar.value?.id }, signal: abortController.signal })
+      const res = await $fetch(`/api/calendars/events/${eventSkeleton.value.id}`, { method: "PATCH", body: { event : eventSkeleton.value, calendarId: activeCalendar.value?.id }, signal: abortController.signal })
 
       const eventIndex = baseEvents.value.findIndex(e => e.id === eventSkeleton.value.id)
       baseEvents.value[eventIndex] = res
@@ -848,7 +848,7 @@ export const useCalendar = defineStore('calendar', () => {
     isDeletingEvent.value = true
 
     try {
-      await $fetch(`/api/calendars/events/${eventSkeleton.value.id}`, { method: 'DELETE', signal: abortController.signal })
+      await $fetch(`/api/calendars/events/${eventSkeleton.value.id}`, { method: "DELETE", signal: abortController.signal })
 
       const eventIndex = baseEvents.value.findIndex(e => e.id === eventSkeleton.value.id)
       baseEvents.value.splice(eventIndex, 1)
diff --git a/stores/CharacterStore.ts b/stores/CharacterStore.ts
index 94e3be3..95fa0d2 100644
--- a/stores/CharacterStore.ts
+++ b/stores/CharacterStore.ts
@@ -1,7 +1,7 @@
-import type { Character } from '@/models/Characters'
-import { defineStore } from 'pinia'
+import type { Character } from "@/models/Characters"
+import { defineStore } from "pinia"
 
-export const useCharacters = defineStore('characters', () => {
+export const useCharacters = defineStore("characters", () => {
   const characters = ref<Character[]>([])
 
   async function setCharacters(data: Character[]) {
diff --git a/stores/EventStore.ts b/stores/EventStore.ts
index cecd0fc..3eecbac 100644
--- a/stores/EventStore.ts
+++ b/stores/EventStore.ts
@@ -1,11 +1,11 @@
-import type { CalendarEvent } from '@/models/CalendarEvent'
-import type { RPGDate } from '@/models/Date'
-import { defineStore } from 'pinia'
-import { ref, watch, type Ref } from 'vue'
-import type { Category } from '~/models/Category'
-import { useCalendar } from './CalendarStore'
+import type { CalendarEvent } from "@/models/CalendarEvent"
+import type { RPGDate } from "@/models/Date"
+import { defineStore } from "pinia"
+import { ref, watch, type Ref } from "vue"
+import type { Category } from "~/models/Category"
+import { useCalendar } from "./CalendarStore"
 
-export const useCalendarEvents = defineStore('calendar-events', () => {
+export const useCalendarEvents = defineStore("calendar-events", () => {
   const { activeCalendar, defaultDate, currentConfig, convertDateToDays, compareDates } = useCalendar()
   const { currentRPGDate } = storeToRefs(useCalendar())
 
@@ -13,7 +13,7 @@ export const useCalendarEvents = defineStore('calendar-events', () => {
 
   async function fetchCalendarEvents(calendarId: number) {
     try {
-      const res = await $fetch('/api/calendars/events/query', { query: { calendarId } })
+      const res = await $fetch("/api/calendars/events/query", { query: { calendarId } })
 
       const eventData = res.data as CalendarEvent[]
 
@@ -33,7 +33,7 @@ export const useCalendarEvents = defineStore('calendar-events', () => {
 
   // Order base events by dates
   const allEvents = computed(() => baseEvents.value.sort((a, b) => {
-    return compareDates(a.startDate, b.startDate, 'desc')
+    return compareDates(a.startDate, b.startDate, "desc")
   }))
 
   // Gets all current event in its default state
@@ -62,19 +62,19 @@ export const useCalendarEvents = defineStore('calendar-events', () => {
         event.endDate.month === currentRPGDate.value.month)
 
     switch (currentConfig.viewType) {
-      case 'month':
+      case "month":
         return isEventOnCurrentScreen!
 
-      case 'year':
+      case "year":
         return event.startDate.year === currentRPGDate.value.year
 
-      case 'decade':
+      case "decade":
         return (
           event.startDate.year >= currentRPGDate.value.year &&
           event.startDate.year <= currentRPGDate.value.year + 10
         )
 
-      case 'century':
+      case "century":
         return (
           event.startDate.year >= currentRPGDate.value.year &&
           event.startDate.year <= currentRPGDate.value.year + 100
@@ -103,7 +103,7 @@ export const useCalendarEvents = defineStore('calendar-events', () => {
    */
   function getRelativeEventFromEvent(
     event: CalendarEvent,
-    position: 'next' | 'prev' = 'next',
+    position: "next" | "prev" = "next",
     initialIsEnd: boolean = false
   ): { event: CalendarEvent; targetDate: RPGDate } {
     let dateToParse: RPGDate // Day value of the date that the user interacted with
@@ -126,10 +126,10 @@ export const useCalendarEvents = defineStore('calendar-events', () => {
    */
   function getRelativeEventFromDate(
     date: RPGDate,
-    position: 'next' | 'prev' = 'next'
+    position: "next" | "prev" = "next"
   ): { event: CalendarEvent; targetDate: RPGDate } {
     const pivotValue = convertDateToDays(date)
-    let t: { eventData: CalendarEvent; distance: number; targetKey: 'startDate' | 'endDate' }[] = []
+    let t: { eventData: CalendarEvent; distance: number; targetKey: "startDate" | "endDate" }[] = []
 
     // Loop over all event once to convert the structure to a usable one
     for (let i = 0; i < allEvents.value.length; i++) {
@@ -143,7 +143,7 @@ export const useCalendarEvents = defineStore('calendar-events', () => {
       t.push({
         eventData: e,
         distance: startDistance,
-        targetKey: 'startDate'
+        targetKey: "startDate"
       })
 
       // Check the same things for endDate
@@ -155,14 +155,14 @@ export const useCalendarEvents = defineStore('calendar-events', () => {
         t.push({
           eventData: e,
           distance: endDistance,
-          targetKey: 'endDate'
+          targetKey: "endDate"
         })
       }
     }
 
     // Based on the direction, either ignore negative distance (past) or positive distance (future)
     t = t.filter((i) => {
-      return position === 'next' ? i.distance > 0 : i.distance < 0
+      return position === "next" ? i.distance > 0 : i.distance < 0
     })
 
     if (!t.length) {
@@ -213,13 +213,13 @@ export const useCalendarEvents = defineStore('calendar-events', () => {
   /**
    * Dummy event to hold creation data
    */
-  const eventSkeleton: Ref<CalendarEvent> = ref<CalendarEvent>({ title: '', startDate: defaultDate })
+  const eventSkeleton: Ref<CalendarEvent> = ref<CalendarEvent>({ title: "", startDate: defaultDate })
 
   /**
    * Resets the dummy event data
    */
   function resetSkeleton() {
-    eventSkeleton.value = { title: '', startDate: defaultDate }
+    eventSkeleton.value = { title: "", startDate: defaultDate }
   }
 
   /**
@@ -232,7 +232,7 @@ export const useCalendarEvents = defineStore('calendar-events', () => {
     isCreatingEvent.value = true
 
     try {
-      const res = await $fetch('/api/calendars/events/create', { method: 'POST', body: { event : eventSkeleton.value, calendarId: activeCalendar?.id }, signal: abortController.signal })
+      const res = await $fetch("/api/calendars/events/create", { method: "POST", body: { event : eventSkeleton.value, calendarId: activeCalendar?.id }, signal: abortController.signal })
 
       baseEvents.value.push(res)
     } catch (err) {
@@ -248,7 +248,7 @@ export const useCalendarEvents = defineStore('calendar-events', () => {
     isUpdatingEvent.value = true
 
     try {
-      const res = await $fetch(`/api/calendars/events/${eventSkeleton.value.id}`, { method: 'PATCH', body: { event : eventSkeleton.value, calendarId: activeCalendar?.id }, signal: abortController.signal })
+      const res = await $fetch(`/api/calendars/events/${eventSkeleton.value.id}`, { method: "PATCH", body: { event : eventSkeleton.value, calendarId: activeCalendar?.id }, signal: abortController.signal })
 
       const eventIndex = baseEvents.value.findIndex(e => e.id === eventSkeleton.value.id)
       baseEvents.value[eventIndex] = res
@@ -265,7 +265,7 @@ export const useCalendarEvents = defineStore('calendar-events', () => {
     isDeletingEvent.value = true
 
     try {
-      await $fetch(`/api/calendars/events/${eventSkeleton.value.id}`, { method: 'DELETE', signal: abortController.signal })
+      await $fetch(`/api/calendars/events/${eventSkeleton.value.id}`, { method: "DELETE", signal: abortController.signal })
 
       const eventIndex = baseEvents.value.findIndex(e => e.id === eventSkeleton.value.id)
       baseEvents.value.splice(eventIndex, 1)
diff --git a/stores/UiStore.ts b/stores/UiStore.ts
index 3b005fe..43dbda6 100644
--- a/stores/UiStore.ts
+++ b/stores/UiStore.ts
@@ -1,6 +1,6 @@
 import type { SidebarMenuItem } from "~/components/global/sidebar/SidebarProps"
 
-export const useUiStore = defineStore('ui', () => {
+export const useUiStore = defineStore("ui", () => {
   const currentMenu: Ref<SidebarMenuItem[]> = ref<SidebarMenuItem[]>([])
 
   function setCurrentMenu(items: SidebarMenuItem[]) {
diff --git a/tailwind.config.js b/tailwind.config.js
index 81727a1..9567927 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -75,10 +75,10 @@ module.exports = {
         },
         "collapsible-down": {
           from: { height: 0 },
-          to: { height: 'var(--radix-collapsible-content-height)' },
+          to: { height: "var(--radix-collapsible-content-height)" },
         },
         "collapsible-up": {
-          from: { height: 'var(--radix-collapsible-content-height)' },
+          from: { height: "var(--radix-collapsible-content-height)" },
           to: { height: 0 },
         },
       },
@@ -93,12 +93,12 @@ module.exports = {
   plugins: [
     animate,
     function ({ addBase, theme }) {
-      function extractColorVars(colorObj, colorGroup = '') {
+      function extractColorVars(colorObj, colorGroup = "") {
         return Object.keys(colorObj).reduce((vars, colorKey) => {
           const value = colorObj[colorKey]
 
           const newVars =
-            typeof value === 'string'
+            typeof value === "string"
               ? { [`--color${colorGroup}-${colorKey}`]: value }
               : extractColorVars(value, `-${colorKey}`)
 
@@ -107,7 +107,7 @@ module.exports = {
       }
 
       addBase({
-        ':root': extractColorVars(theme('colors'))
+        ":root": extractColorVars(theme("colors"))
       })
     }
   ]