Reduce docker api image size, fix issues

client/pages/oauth/callback.vue

@@ -1,22 +1,32 @@
 <template>
-   <template>
-  <div class="flex flex-grow mt-6 mb-10">
-    <div class="w-full md:w-2/3 md:mx-auto md:max-w-md px-4">
-        <div class="m-10" v-if="loading">
-            <h3 class="my-6 text-center">
-              Please wait...
-            </h3>
-            <Loader class="h-6 w-6 mx-auto m-10" />
+  <template>
+    <div class="flex flex-grow mt-6 mb-10">
+      <div class="w-full md:w-2/3 md:mx-auto md:max-w-md px-4">
+        <div
+          v-if="loading"
+          class="m-10"
+        >
+          <h3 class="my-6 text-center">
+            Please wait...
+          </h3>
+          <Loader class="h-6 w-6 mx-auto m-10" />
         </div>
-        <div class="m-6 flex flex-col items-center space-y-4" v-else>
-            <p class="text-center"> Unable to sign it at the moment. </p>
-            <v-button
-              :to="{ name: 'login' }"
-            >Back to login</v-button>
+        <div
+          v-else
+          class="m-6 flex flex-col items-center space-y-4"
+        >
+          <p class="text-center">
+            Unable to sign it at the moment.
+          </p>
+          <v-button
+            :to="{ name: 'login' }"
+          >
+            Back to login
+          </v-button>
         </div>
+      </div>
     </div>
-  </div>
-</template>
+  </template>
 </template>
 
 <script setup>
@@ -26,12 +36,10 @@ const authStore = useAuthStore()
 const workspacesStore = useWorkspacesStore()
 const formsStore = useFormsStore()
 const logEvent = useAmplitude().logEvent
-const loading = ref(true);
+const loading = ref(true)
 
 definePageMeta({
-    alias: [
-        '/oauth/:provider/callback'
-    ]
+    alias: '/oauth/:provider/callback'
 })
 
 function handleCallback() {
@@ -82,7 +90,7 @@ function handleCallback() {
         }
     }).catch(error => {
         useAlert().error(error.response._data.message)
-        loading.value = false;
+        loading.value = false
     })
 }
 onMounted(() => {

client/pages/settings/connections.vue

@@ -44,9 +44,7 @@ useOpnSeoMeta({
 
 definePageMeta({
   middleware: "auth",
-  alias: [
-    '/settings/connections/callback/:service'
-  ]
+  alias: '/settings/connections/callback/:service'
 })
 
 const router = useRouter()

client/stores/featureFlags.js

@@ -6,7 +6,7 @@ export const useFeatureFlagsStore = defineStore('feature_flags', () => {
 
   async function fetchFlags() {
     try {
-      const { data } = await useOpnApi('/content/feature-flags')
+      const { data } = await useOpnApi('content/feature-flags')
       flags.value = data.value
     } catch (error) {
       console.error('Failed to fetch feature flags:', error)