fix: inital eslint errors

server/components/CreateCollectionModal.vue

@@ -13,8 +13,8 @@
       <div class="mt-2">
         <form @submit.prevent="() => createCollection()">
           <input
-            type="text"
             v-model="collectionName"
+            type="text"
             placeholder="Collection name"
             class="block w-full rounded-md border-0 bg-zinc-800 py-1.5 text-white shadow-sm ring-1 ring-inset ring-zinc-700 placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"
           />
@@ -27,16 +27,16 @@
       <LoadingButton
         :loading="createCollectionLoading"
         :disabled="!collectionName"
-        @click="() => createCollection()"
         class="w-full sm:w-fit"
+        @click="() => createCollection()"
       >
         Create
       </LoadingButton>
       <button
+        ref="cancelButtonRef"
         type="button"
         class="mt-3 inline-flex w-full justify-center rounded-md bg-zinc-800 px-3 py-2 text-sm font-semibold text-zinc-100 shadow-sm ring-1 ring-inset ring-zinc-800 hover:bg-zinc-900 sm:mt-0 sm:w-auto"
         @click="() => close()"
-        ref="cancelButtonRef"
       >
         Cancel
       </button>
@@ -58,7 +58,7 @@ const emit = defineEmits<{
   created: [collectionId: string];
 }>();
 
-const open: Ref<boolean> = defineModel<boolean>() as any;
+const open: Ref<boolean> = defineModel<boolean>();
 
 const collectionName = ref("");
 const createCollectionLoading = ref(false);
@@ -104,7 +104,7 @@ async function createCollection() {
         title: "Failed to create collection",
         description: `Drop couldn't create your collection: ${err?.statusMessage}`,
       },
-      (_, c) => c()
+      (_, c) => c(),
     );
   } finally {
     createCollectionLoading.value = false;