refactor: Configuration improvement

src/boot/appwrite.ts

@@ -14,25 +14,37 @@ import type { Router } from 'vue-router';
 
 const client = new Client();
 
-const VITE_APPWRITE_API_ENDPOINT = import.meta.env.VITE_APPWRITE_API_ENDPOINT;
+const API_ENDPOINT = import.meta.env.VITE_APPWRITE_API_ENDPOINT;
-const VITE_APPWRITE_API_PROJECT = import.meta.env.VITE_APPWRITE_API_PROJECT;
+const API_PROJECT = import.meta.env.VITE_APPWRITE_API_PROJECT;
 
-if (VITE_APPWRITE_API_ENDPOINT && VITE_APPWRITE_API_PROJECT) {
+if (API_ENDPOINT && API_PROJECT) {
-  client
+  client.setEndpoint(API_ENDPOINT).setProject(API_PROJECT);
-    .setEndpoint(VITE_APPWRITE_API_ENDPOINT)
-    .setProject(VITE_APPWRITE_API_PROJECT);
 } else {
   console.error(
     'Must configure VITE_APPWRITE_API_ENDPOINT and VITE_APPWRITE_API_PROJECT'
   );
 }
 
-const pwresetUrl = process.env.DEV
+type AppwriteIDConfig = {
-  ? 'http://localhost:4000/pwreset'
+  databaseId: string;
-  : 'https://oys.undock.ca/pwreset';
+  collection: {
+    boat: string;
+    reservation: string;
+    skillTags: string;
+    task: string;
+    taskTags: string;
+    interval: string;
+    intervalTemplate: string;
+  };
+  function: {
+    userinfo: string;
+  };
+};
 
-const AppwriteIds = process.env.DEV
+let AppwriteIds = <AppwriteIDConfig>{};
-  ? {
+
+if (API_ENDPOINT === 'https://apidev.bab.toal.ca/v1') {
+  AppwriteIds = {
     databaseId: '65ee1cbf9c2493faf15f',
     collection: {
       boat: 'boat',
@@ -46,8 +58,9 @@ const AppwriteIds = process.env.DEV
     function: {
       userinfo: 'userinfo',
     },
-    }
+  };
-  : {
+} else if (API_ENDPOINT === 'https://appwrite.oys.undock.ca/v1') {
+  AppwriteIds = {
     databaseId: 'bab_prod',
     collection: {
       boat: 'boat',
@@ -62,6 +75,7 @@ const AppwriteIds = process.env.DEV
       userinfo: '664038294b5473ef0c8d',
     },
   };
+}
 
 const account = new Account(client);
 const databases = new Databases(client);
@@ -146,7 +160,7 @@ async function login(email: string, password: string) {
 }
 
 async function resetPassword(email: string) {
-  await account.createRecovery(email, pwresetUrl);
+  await account.createRecovery(email, window.location.origin + '/pwreset');
 }
 
 export {

src/components/boat/BoatPreviewComponent.vue

@@ -3,7 +3,7 @@
     <q-card
       v-for="boat in boats"
       :key="boat.id"
-      class="mobile-card q-ma-sm">
+      class="q-ma-sm">
       <q-card-section>
         <q-img
           :src="boat.imgSrc"