Change to use type import of JsonServiceClient

Author: mythz

src/components/AutoQueryGrid.vue

@@ -174,10 +174,11 @@
 </template>
 
 <script setup lang="ts">
+import type { JsonServiceClient } from '@servicestack/client'
 import type { ApiPrefs, ApiResponse, Column, ColumnSettings, MetadataPropertyType, GridAllowOptions, GridShowOptions } from '@/types'
 import type { AutoQueryGridProps, AutoQueryGridEmits } from '@/components/types'
 import { computed, inject, nextTick, onMounted, ref, useSlots, getCurrentInstance } from 'vue'
-import { ApiResult, appendQueryString, combinePaths, delaySet, JsonServiceClient, leftPart, mapGet, queryString, rightPart } from '@servicestack/client'
+import { ApiResult, appendQueryString, combinePaths, delaySet, leftPart, mapGet, queryString, rightPart } from '@servicestack/client'
 import { Apis, createDto, getPrimaryKey, isComplexProp, typeProperties, useMetadata } from '@/use/metadata'
 import { a, grid } from './css'
 import { asOptions, asStrings, copyText, getTypeName, parseJson, pushState } from '@/use/utils'

src/components/LookupInput.vue

@@ -36,12 +36,13 @@
 </template>
 
 <script setup lang="ts">
+import type { JsonServiceClient } from '@servicestack/client'
 import type { ApiState, RefInfo, ModalProvider } from '@/types'
 import type { LookupInputProps, LookupInputEmits } from '@/components/types'
 import { Sole, useConfig } from '@/use/config'
 import { getPrimaryKey, LookupValues, typeOf, typeProperties, useMetadata } from '@/use/metadata'
 import { isComplexType, scopedExpr } from '@/use/utils'
-import { errorResponse, humanize, JsonServiceClient, mapGet, toPascalCase } from '@servicestack/client'
+import { errorResponse, humanize, mapGet, toPascalCase } from '@servicestack/client'
 import { computed, inject, onMounted, ref, unref } from 'vue'
 
 const { config } = useConfig()

src/components/ModalLookup.vue

@@ -125,10 +125,11 @@
 </template>
 
 <script setup lang="ts">
+import type { JsonServiceClient } from '@servicestack/client'
 import type { ApiPrefs, ApiResponse, Column, ColumnSettings, MetadataPropertyType } from '@/types'
 import type { ModalLookupProps, ModalLookupEmits } from '@/components/types'
 import { computed, getCurrentInstance, inject, nextTick, onMounted, ref, useSlots } from 'vue'
-import { ApiResult, delaySet, humanize, JsonServiceClient, mapGet } from '@servicestack/client'
+import { ApiResult, delaySet, humanize, mapGet } from '@servicestack/client'
 import { parseJson, getTypeName } from '@/use/utils'
 import { useConfig } from '@/use/config'
 import { Apis, createDto, Crud, getPrimaryKey, typeOf, typeProperties, useMetadata } from '@/use/metadata'

src/components/SignIn.vue

@@ -57,10 +57,11 @@
 </template>
 
 <script setup lang="ts">
+import type { JsonServiceClient } from '@servicestack/client'
 import type { AppMetadata, AuthenticateResponse, MetaAuthProvider } from '@/types'
 import type { SignInProps, SignInEmits } from '@/components/types'
 import { computed, inject, onMounted, ref } from 'vue'
-import { ApiResult, each, JsonServiceClient, toPascalCase } from '@servicestack/client'
+import { ApiResult, each, toPascalCase } from '@servicestack/client'
 import { useAuth } from '@/use/auth'
 import { useClient } from '@/use/client'
 import { useMetadata } from '@/use/metadata'

src/components/types.ts

@@ -1,7 +1,11 @@
 // Vue Component Type Definitions
 import type { Component, DefineComponent, EmitsOptions, StyleValue } from 'vue'
-import type { ResponseStatus, MetadataOperationType, InputProp, TableStyleOptions, Breakpoint, ApiRequest, MetadataType, InputInfo, AutoQueryConvention, ApiPrefs, GridAllowOptions, GridShowOptions, MetadataPropertyType, ApiResponseType, UploadedFile, ImageInfo, MarkdownInputOptions, RefInfo, FormatInfo, Column, AuthenticateResponse } from '../types'
 import type { Apis } from '../use/metadata'
+import type { 
+  ResponseStatus, MetadataOperationType, InputProp, TableStyleOptions, Breakpoint, ApiRequest, MetadataType, 
+  InputInfo, AutoQueryConvention, ApiPrefs, GridAllowOptions, GridShowOptions, MetadataPropertyType, 
+  ApiResponseType, UploadedFile, ImageInfo, MarkdownInputOptions, RefInfo, FormatInfo, Column, AuthenticateResponse 
+} from '@/types'
 
 // Input Components
 export interface TextInputProps {

src/demo/App.vue

@@ -689,9 +689,10 @@
 </template>
 
 <script setup lang="ts">
+import type { JsonServiceClient } from '@servicestack/client'
 import type { ApiResponse, InputInfo } from '../types'
 import { inject, onMounted, ref } from 'vue'
-import { lastRightPart, JsonServiceClient } from '@servicestack/client'
+import { lastRightPart } from '@servicestack/client'
 import { useConfig, useMetadata, useFiles, useUtils, useFormatters, useAuth } from '../'
 import { Icons, allContacts, bookings as bookingObject, forecasts, tracks, allTypesJson, players } from './data'
 import { AllTypes, Authenticate, 

src/use/metadata.ts

@@ -1,5 +1,6 @@
 import { type AppMetadata, type MetadataType, type MetadataPropertyType, type MetadataOperationType, type InputInfo, type KeyValuePair, type MetadataTypes, type AutoQueryConvention, type Filter, type RefInfo, type InputProp, type AppInfo, type MetadataTypeName, type AutoQueryApis, MetadataApp } from "@/types"
-import { toDate, toCamelCase, chop, map, mapGet, toDateTime, leftPart, JsonServiceClient } from '@servicestack/client'
+import type { JsonServiceClient } from '@servicestack/client'
+import { toDate, toCamelCase, chop, map, mapGet, toDateTime, leftPart } from '@servicestack/client'
 import { computed, inject } from 'vue'
 import { Sole } from './config'
 import { dateInputFormat, scopedExpr } from './utils'

src/use/utils.ts

@@ -1,7 +1,8 @@
 import type { Ref } from "vue"
+import type { JsonServiceClient } from "@servicestack/client"
 import { isRef, nextTick, unref } from "vue"
 import type { ApiRequest, IReturn, TransitionRules } from "@/types"
-import { ApiResult, appendQueryString, enc, JsonServiceClient, lastLeftPart, nameOf, omit, setQueryString, toDate, toTime } from "@servicestack/client"
+import { ApiResult, appendQueryString, enc, lastLeftPart, nameOf, omit, setQueryString, toDate, toTime } from "@servicestack/client"
 import { assetsPathResolver } from "./config"
 import { Sole } from "./config"