fixed generate error

Author: MohamedElmdary

frontend/kubecloud-v2/components/deploy-cluster/define/DefineVMsForm.vue

@@ -35,5 +35,5 @@ const api = useApi()
 const { state: sshKeys } = useAsyncState(async () => {
   const { data } = await api.users.listSshKeys()
   return data.data ?? []
-}, [])
+}, [], { immediate: $meta.client })
 </script>

frontend/kubecloud-v2/components/deploy-cluster/place/PlaceVMsNodes.vue

@@ -95,7 +95,7 @@ const { state: _nodes } = useAsyncState(async () => {
   const { data } = await api.nodes.listNodes()
   const nodes = (data as ListRentableNodes200Response).data?.nodes ?? []
   return sortNodes(nodes)
-}, [], { resetOnExecute: false })
+}, [], { immediate: $meta.client, resetOnExecute: false })
 
 function onReserveNode(nodeId: number): void {
   // const __nodes = _nodes.value.map(n => n.nodeId === nodeId ? { ...n, rented: true } : n)

frontend/kubecloud-v2/components/rows/DeploymentRow.vue

@@ -75,6 +75,7 @@ const api = useApi()
 const { state: kubeconfig, isLoading: downloading } = useAsyncState(
   () => api.helpers.getKubeconfig(props.deployment.cluster?.name ?? ""),
   "",
+  { immediate: $meta.client },
 )
 
 const binary = computed(() => {

frontend/kubecloud-v2/composables/docs.ts

@@ -172,5 +172,5 @@ export const useDocs = createGlobalState(() => {
         },
       }
     })
-  }, [])
+  }, [], { immediate: $meta.client })
 })

frontend/kubecloud-v2/composables/stats.ts

@@ -26,7 +26,7 @@ export function useStats(options?: UseStatsOptions) {
   const { state, isLoading, error } = useAsyncState(async () => {
     const { data } = await api.admin.getStats({ unauthenticated: true })
     return data.data
-  }, null)
+  }, null, { immediate: $meta.client })
 
   const stats = computed(() => {
     const s = state.value

frontend/kubecloud-v2/composables/three.ts

@@ -12,10 +12,12 @@ export function useVanta(type: "dots" | "globe", el: () => HTMLElement) {
     ],
   })
 
-  const script = document.querySelector(`script[src="/scripts/vanta.${type}.min.js"]`)
-  if (script) {
-    nextTick(() => {
-      applyVanta(type, el())
-    })
+  if ($meta.client) {
+    const script = document.querySelector(`script[src="/scripts/vanta.${type}.min.js"]`)
+    if (script) {
+      nextTick(() => {
+        applyVanta(type, el())
+      })
+    }
   }
 }

frontend/kubecloud-v2/pages/admin/invoices.vue

@@ -51,7 +51,7 @@ const page = ref(1)
 const { state, isLoading } = useAsyncState(async () => {
   const { data } = await api.admin.getAllInvoices()
   return (data.data as unknown as { invoices: ModelsInvoice[] }).invoices ?? []
-}, [])
+}, [], { immediate: $meta.client })
 
 const invoices = computed(() => {
   const v = (page.value - 1) * limit.value

frontend/kubecloud-v2/pages/admin/payments.vue

@@ -8,5 +8,5 @@ const api = useApi()
 const { state } = useAsyncState(async () => {
   const { data } = await api.admin.listPendingRecords()
   return data.data
-}, null)
+}, null, { immediate: $meta.client })
 </script>

frontend/kubecloud-v2/pages/admin/system.vue

@@ -104,7 +104,7 @@ const api = useApi()
 const { state: isEnabled, isLoading: isLoadingEnabled } = useAsyncState(async () => {
   const { data } = await api.admin.getMaintenanceMode()
   return data.data?.enabled
-}, false)
+}, false, { immediate: $meta.client })
 
 const { execute: toggleMaintenanceMode, isLoading } = useAsyncState(
   async () => {

frontend/kubecloud-v2/pages/admin/users.vue

@@ -84,7 +84,7 @@ const { state: users, isLoading } = useAsyncState(
     return data.data?.users ?? []
   },
   [],
-  { resetOnExecute: false },
+  { immediate: $meta.client, resetOnExecute: false },
 )
 
 const credit = useDialog<ServicesUserWithUSDBalance, { amount: number, memo: string }>()