@vesperjs/nuxt 0.3.1 → 0.3.3

package/app/composables/backend/api/use-mutation-api.ts

@@ -9,6 +9,7 @@ interface MutationAPIOptions {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   body?: Record<string, any> | FormData
   token?: string | null
+  baseURL?: string | null
   onRequestError?: ({ error }: { error: Error }) => void
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   onResponseError?: ({ response }: { response: FetchResponse<any> }) => void
@@ -17,7 +18,14 @@ interface MutationAPIOptions {
 // eslint-disable-next-line
 export const useMutationApi = async function <T = unknown, E = any>(
   url: string,
-  { method, body = {}, token = null, onRequestError, onResponseError }: MutationAPIOptions,
+  {
+    method,
+    body = {},
+    token = null,
+    baseURL = null,
+    onRequestError,
+    onResponseError,
+  }: MutationAPIOptions,
 ): Promise<{
   token: string | null | undefined
   data: T | undefined
@@ -25,7 +33,7 @@ export const useMutationApi = async function <T = unknown, E = any>(
   pending: boolean
 }> {
   const { commonHeaders } = useHttpHeaders()
-  const { baseURL } = useApiConstants()
+  const { baseURL: baseUrl } = useApiConstants()
 
   const headers: Record<string, string> = commonHeaders.value
 
@@ -36,7 +44,7 @@ export const useMutationApi = async function <T = unknown, E = any>(
   }
 
   const options: FetchOptions<'json'> = {
-    baseURL: baseURL.value,
+    baseURL: baseURL ?? baseUrl.value,
     headers,
     method,
   }

package/app/composables/backend/api/use-query-api.ts

@@ -17,6 +17,7 @@ export type QueryAPIOptions = {
   key?: MaybeRefOrGetter<string>
   query?: SearchParams
   token?: string | null
+  baseURL?: string | null
   signal?: AbortSignal
   onRequestError?: ({ error }: { error: Error }) => void
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -33,7 +34,7 @@ export const useQueryApi = async function <T = unknown, E = any>(
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const { $api } = useNuxtApp() as any
   const { commonHeaders } = useHttpHeaders()
-  const { baseURL } = useApiConstants()
+  const { baseURL: baseUrl } = useApiConstants()
 
   const key = options?.key ?? url
 
@@ -50,7 +51,7 @@ export const useQueryApi = async function <T = unknown, E = any>(
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const getOptions: FetchOptions<'json', any> = {
-    baseURL: baseURL.value,
+    baseURL: options?.baseURL ?? baseUrl.value,
     method: 'get',
     query: options?.query ?? {},
     headers,

package/app/composables/backend/index.ts

@@ -2,7 +2,7 @@ export type { QueryAPIOptions } from './api'
 
 export { createFetch, createRequestFetch, useOFetch, useMutationApi, useQueryApi } from './api'
 
-export { useAlert } from './use-alert'
+export { useApiError, useAlert } from './use-api-error'
 export { useExternalErrors } from './error'
 
-export type { UseAlertType } from './use-alert'
+export type { UseApiErrorType, UseAlertType } from './use-api-error'

package/app/composables/backend/{use-alert.ts → use-api-error.ts}

@@ -15,20 +15,20 @@ import type {
 
 import { useBackendErrorInfo } from './error'
 
-interface UseAlertOptions {
+interface UseApiErrorOptions {
   flash: Ref<Flash>
-  caller?: UseAlertCallerType
+  caller?: UseApiErrorCallerType
 }
 
-interface UseAlertCallerType {
+interface UseApiErrorCallerType {
   externalErrors?: Ref<ErrorMessages<string>>
   clearAccount?: () => void
 }
 
-export const useAlert = function <BER extends object = BackendErrorResource>({
+export const useApiError = function <BER extends object = BackendErrorResource>({
   flash,
   caller,
-}: UseAlertOptions): {
+}: UseApiErrorOptions): {
   backendErrorInfo: Ref<BackendErrorInfo<BER>, BER>
   setError: (
     error:
@@ -91,4 +91,7 @@ export const useAlert = function <BER extends object = BackendErrorResource>({
   return { backendErrorInfo, setError }
 }
 
-export type UseAlertType = ReturnType<typeof useAlert>
+export const useAlert = useApiError
+
+export type UseApiErrorType = ReturnType<typeof useApiError>
+export type UseAlertType = UseApiErrorType

package/app/composables/index.ts

@@ -3,8 +3,8 @@ export { useEntity, useFlash } from '@vesperjs/shared'
 export type { QueryAPIOptions } from './backend'
 
 export { createFetch, createRequestFetch, useOFetch, useMutationApi, useQueryApi } from './backend'
-export { useExternalErrors, useAlert } from './backend'
+export { useExternalErrors, useApiError, useAlert } from './backend'
 
 export { useDate } from './util'
 
-export type { UseAlertType } from './backend'
+export type { UseApiErrorType, UseAlertType } from './backend'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vesperjs/nuxt",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "keywords": [
     "nuxt",
     "vue.js"
@@ -22,18 +22,18 @@
   "devDependencies": {
     "@formkit/tempo": "^1.0.0",
     "@nuxt/eslint": "1.15.2",
-    "@nuxtjs/i18n": "^10.2.4",
+    "@nuxtjs/i18n": "^10.3.0",
     "@types/node": "^24.12.2",
-    "@vesperjs/shared": "0.3.1",
-    "eslint": "^10.2.0",
+    "@vesperjs/shared": "0.3.3",
+    "eslint": "^10.2.1",
     "eslint-typegen": "2.3.1",
     "nuxt": "^4.3.1",
     "ofetch": "^1.5.1",
-    "oxfmt": "^0.45.0",
-    "typescript": "^6.0.2"
+    "oxfmt": "^0.47.0",
+    "typescript": "^6.0.3"
   },
   "peerDependencies": {
-    "vue": "^3.5.32 || ^3.6.0-beta.10"
+    "vue": "^3.5.33 || ^3.6.0-beta.10"
   },
   "scripts": {
     "dev": "nuxi dev .playground",