Allow useClient to wrap around a custom JsonServiceClient

Author: mythz

src/components/AutoQueryGrid.vue

@@ -190,7 +190,6 @@ import { useConfig } from '@/use/config'
 
 const { config, autoQueryGridDefaults } = useConfig()
 const aqd = autoQueryGridDefaults
-const client = inject<JsonServiceClient>('client')!
 const storage = config.value.storage!
 
 const props = withDefaults(defineProps<{
@@ -240,6 +239,8 @@ const emit = defineEmits<{
     (e: "rowSelected", item:any, ev:Event): void
 }>()
 
+const client = inject<JsonServiceClient>('client')!
+
 const allAllow = 'filtering,queryString,queryFilters'.split(',') as GridAllowOptions[]
 const allShow = 'copyApiUrl,downloadCsv,filtersView,newItem,pagingInfo,pagingNav,preferences,refresh,resetPreferences,toolbar'.split(',') as GridShowOptions[]
 

src/use/client.ts

@@ -4,13 +4,13 @@ import { inject, provide, ref, watchEffect } from "vue"
 import { ResponseError, ResponseStatus, ApiResult } from "@servicestack/client"
 import { unRefs, setRef, swrApi, fromCache, swrCacheKey, createDebounce } from "./utils"
 
-export function useClient() {
+export function useClient(use?:JsonServiceClient) {
     /** Maintain loading state whilst API Request is in transit */
     const loading = ref(false)
     /** Maintain API Error in reactive Ref<ResponseStatus> */
     const error = ref()
     const response = ref()
-    const client = inject<JsonServiceClient>('client')!
+    const client = use ?? inject<JsonServiceClient>('client')!
 
     /** Set error state with summary or field validation error */
     function setError({ message, errorCode, fieldName, errors }: IResponseStatus) {