🐛 add env to useDb and apply prettier

app/pages/p/[slug]/setup.vue

@@ -1,41 +1,38 @@
 <script setup lang="ts">
-const route = useRoute()
-const slug = route.params.slug as string
+const route = useRoute();
+const slug = route.params.slug as string;
 
-const names = ref([''])
-const saving = ref(false)
+const names = ref(['']);
+const saving = ref(false);
 
 function addRow() {
-  names.value.push('')
+  names.value.push('');
 }
 
 async function continueToPot() {
-  saving.value = true
-  const toAdd = names.value.map(n => n.trim()).filter(Boolean)
+  saving.value = true;
+  const toAdd = names.value.map((n) => n.trim()).filter(Boolean);
   try {
     for (const participantName of toAdd) {
       await $fetch(`/api/pots/${slug}/participants`, {
         method: 'POST',
         body: { name: participantName },
-      })
+      });
     }
-  }
-  finally {
-    await navigateTo(`/p/${slug}`)
+  } finally {
+    await navigateTo(`/p/${slug}`);
   }
 }
 
 function skip() {
-  navigateTo(`/p/${slug}`)
+  navigateTo(`/p/${slug}`);
 }
 </script>
 
 <template>
   <div class="space-y-6">
     <div class="space-y-1 text-center">
-      <div class="text-3xl">
-        👋
-      </div>
+      <div class="text-3xl">👋</div>
       <h1 class="text-xl font-bold text-stone-900 dark:text-stone-100">
         Add the rest of the group
       </h1>
@@ -52,7 +49,7 @@ function skip() {
         type="text"
         class="block w-full rounded-xl border border-stone-300 bg-white px-3 py-2 text-base text-stone-900 shadow-sm placeholder:text-stone-400 focus:border-orange-400 focus:outline-none focus:ring-2 focus:ring-orange-200 dark:border-stone-700 dark:bg-stone-900 dark:text-stone-100 dark:placeholder:text-stone-500 dark:focus:ring-orange-900"
         placeholder="Participant name"
-      >
+      />
     </div>
 
     <button