fix: use named import from @sanity/client

Author: danielroe

src/index.ts

@@ -1,7 +1,7 @@
 import { inject, provide } from 'vue-demi'
 
 import type { ClientConfig } from '@sanity/client'
-import sanityClient from '@sanity/client'
+import { createClient } from '@sanity/client'
 import imageUrlBuilder from '@sanity/image-url'
 
 import { ensureInstance, useCache } from './cache'
@@ -39,15 +39,15 @@ export function useSanityClient(
 ) {
   ensureInstance()
 
-  const client = sanityClient(config)
+  const client = createClient(config)
   const imageBuilder = imageUrlBuilder(config)
 
   provide(clientSymbol, client)
   provide(imageBuilderSymbol, imageBuilder)
   provide(optionsSymbol, defaultOptions)
 
   if (supportPreview) {
-    const previewClient = sanityClient({
+    const previewClient = createClient({
       ...config,
       useCdn: false,
       token: undefined,

test/cache.spec.ts

@@ -2,7 +2,7 @@
  * @jest-environment happy-dom
  */
 import { ref, watch } from '@vue/composition-api'
-import { describe, expect, vi } from 'vitest'
+import { describe, expect, it, vi } from 'vitest'
 import { useCache } from '../src'
 import { runInSetup } from './helpers/mount'
 

test/image.spec.ts

@@ -3,7 +3,7 @@
  */
 import { ref } from '@vue/composition-api'
 import type { ClientConfig } from '@sanity/client'
-import { describe, expect, vi } from 'vitest'
+import { describe, expect, it, vi } from 'vitest'
 
 import { useSanityClient, useSanityImage } from '../src'
 import { runInSetup } from './helpers/mount'

test/index.spec.ts

@@ -2,7 +2,7 @@ import Vue from 'vue'
 import CompositionApi from '@vue/composition-api'
 
 import { beforeEach, describe, expect, it, vi } from 'vitest'
-import sanityClient from '@sanity/client'
+import { createClient } from '@sanity/client'
 
 import { useSanityClient } from '../src'
 import { runInSetup } from './helpers/mount'
@@ -23,7 +23,7 @@ const config = {
 }
 
 beforeEach(() => {
-  sanityClient.mockClear()
+  createClient.mockClear()
   ;(globalThis.console.error as any).mockClear()
 })
 
@@ -34,9 +34,9 @@ describe('instantiator', () => {
       return {}
     })
 
-    expect(sanityClient).toHaveBeenCalledTimes(2)
-    expect(sanityClient).toHaveBeenCalledWith(config)
-    expect(sanityClient).toHaveBeenLastCalledWith({
+    expect(createClient).toHaveBeenCalledTimes(2)
+    expect(createClient).toHaveBeenCalledWith(config)
+    expect(createClient).toHaveBeenLastCalledWith({
       ...config,
       useCdn: false,
       token: undefined,

test/query.spec.ts

@@ -6,7 +6,7 @@ import flushPromises from 'flush-promises'
 import { defineDocument } from 'sanity-typed-queries'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 
-import sanityClient from '@sanity/client'
+import { createClient } from '@sanity/client'
 
 import {
   fetch as _fetch,
@@ -40,14 +40,14 @@ const mockListen = vi.fn(() => ({
 
 vi.mock('@sanity/client', () => {
   return {
-    default: vi.fn().mockImplementation(() => {
+    createClient: vi.fn().mockImplementation(() => {
       return { fetch: mockFetch, listen: mockListen }
     }),
   }
 })
 
 beforeEach(() => {
-  sanityClient.mockClear()
+  createClient.mockClear()
   ;(globalThis.console.error as any).mockClear()
   mockListen.mockClear()
   mockSubscribe.mockClear()

test/ssr.spec.ts

@@ -2,7 +2,7 @@ import Vue from 'vue'
 import { h, ref } from '@vue/composition-api'
 import { createRenderer } from 'vue-server-renderer'
 
-import { describe, expect } from 'vitest'
+import { describe, expect, it } from 'vitest'
 
 import { useCache } from '../src'
 import { fetcher } from './helpers/utils'