yunohost-portal/composables/api.ts

import type { FetchError } from 'ofetch'

const useApiEndpoint = () => {
  return (
    'https://' +
    (process.dev
      ? useRuntimeConfig().public.apiIp || window.location.hostname
      : window.location.hostname) +
    '/yunohost/portalapi'
  )
}

export function useApi<T>(
  path: string,
  {
    method = 'GET',
    body = undefined,
  }: {
    method?: 'GET' | 'POST' | 'PUT' | 'DELETE'
    body?: Record<string, any>
  } = {},
) {
  type Resp = {
    data: Ref<T | null>
    error: Ref<FetchError | null>
  }
  const result: Resp = {
    data: ref(null),
    error: ref(null),
  }

  const query = () => {
    return $fetch(useApiEndpoint() + path, {
      method,
      credentials: 'include',
      body,
    })
      .then((data) => {
        result.data.value = data as T
      })
      .catch((e: FetchError) => {
        result.error.value = e
        if (e.statusCode === 401) {
          useIsLoggedIn().value = false
          navigateTo('/login')
        } else if (e.statusCode !== 400 && !e.data?.path) {
          throw createError({
            statusCode: e.statusCode,
            statusMessage: e.message,
            fatal: true,
          })
        }
      })
  }
  return Promise.resolve(query()).then(() => result)
}