test: use explicit import from vitest

packages/.test/mockServer.ts

@@ -6,6 +6,7 @@
 import { setupServer } from 'msw/node'
 import type { RestContext, RestRequest } from 'msw'
 import { rest } from 'msw'
+import { afterAll, afterEach, beforeAll } from 'vitest'
 
 const defaultJsonMessage = { hello: 'world' }
 const defaultTextMessage = 'Hello World'

packages/.test/polyfillMatchMedia.ts

@@ -1,3 +1,5 @@
+import { vi } from 'vitest'
+
 window.matchMedia = window.matchMedia || vi.fn().mockImplementation((query) => {
   return {
     matches: false,

packages/.test/retry.ts

@@ -1,3 +1,5 @@
+import { vi } from 'vitest'
+
 // Like `until` but works off of any assertion, not application code.
 export function retry(assertion: Function, { interval = 1, timeout = 100 } = {}) {
   return new Promise((resolve, reject) => {

packages/.test/setup.ts

@@ -1,9 +1,9 @@
 import { Vue2, install, isVue2 } from 'vue-demi'
+import { beforeAll, beforeEach } from 'vitest'
 import './polyfillFetch'
 import './polyfillPointerEvents'
 import './polyfillIndexedDb'
 import './polyfillMatchMedia'
-import { beforeAll, beforeEach } from 'vitest'
 
 function setupVueSwitch() {
   if (isVue2) {

packages/core/_template/index.test.ts

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest'
 import { useCounter } from '.'
 
 describe('useCounter', () => {

packages/core/computedAsync/index.test.ts

@@ -1,5 +1,6 @@
 import { computed, nextTick, ref } from 'vue-demi'
 import { promiseTimeout } from '@vueuse/shared'
+import { describe, expect, it, vi } from 'vitest'
 import { asyncComputed, computedAsync } from '.'
 
 describe('computed', () => {
@@ -153,7 +154,7 @@ describe('computedAsync', () => {
     expect(double.value).toBe(8)
   })
 
-  test('evaluating works', async () => {
+  it('evaluating works', async () => {
     const evaluating = ref(false)
 
     const data = computedAsync(() =>
@@ -171,7 +172,7 @@ describe('computedAsync', () => {
     expect(data.value).toBe('data')
   })
 
-  test('triggers', async () => {
+  it('triggers', async () => {
     const counter = ref(1)
     const double = computedAsync(() => {
       const result = counter.value * 2
@@ -199,7 +200,7 @@ describe('computedAsync', () => {
     expect(other.value).toBe(5)
   })
 
-  test('cancel is called', async () => {
+  it('cancel is called', async () => {
     const onCancel = vi.fn()
     const evaluating = ref(false)
 
@@ -235,7 +236,7 @@ describe('computedAsync', () => {
     expect(uppercase.value).toBe('FINAL')
   })
 
-  test('cancel is called for lazy', async () => {
+  it('cancel is called for lazy', async () => {
     const onCancel = vi.fn()
 
     const data = ref('initial')

packages/core/computedInject/demoReceiver.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import type { InjectionKey, Ref } from 'vue-demi'
 import { defineComponent, ref } from 'vue-demi'
-import { computedInject } from './index'
+import { computedInject } from '.'
 
 type OptionsRef = Ref<{ key: number; value: string }[]>
 

packages/core/computedInject/index.test.ts

@@ -1,4 +1,5 @@
 import { ref } from 'vue-demi'
+import { describe, expect, it } from 'vitest'
 import { Key, useInjectedSetup } from '../../.test'
 import { computedInject } from '.'
 

packages/core/createUnrefFn/index.test.ts

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest'
 import { createUnrefFn } from '.'
 
 describe('createUnrefFn', () => {

packages/core/onClickOutside/directive.test.ts

@@ -1,4 +1,5 @@
 import { defineComponent } from 'vue-demi'
+import { beforeEach, describe, expect, it } from 'vitest'
 import type { VueWrapper } from '@vue/test-utils'
 import { mount } from '@vue/test-utils'
 

packages/core/onKeyStroke/directive.test.ts

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi'
 import type { VueWrapper } from '@vue/test-utils'
 import { mount } from '@vue/test-utils'
-
+import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { vOnKeyStroke } from './directive'
 import type { OnKeyStrokeOptions } from '.'
 

packages/core/onKeyStroke/index.test.ts

@@ -1,4 +1,4 @@
-import { vi } from 'vitest'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
 import type { Ref } from 'vue-demi'
 import { ref } from 'vue-demi'
 import type { KeyStrokeEventName } from '.'

packages/core/onLongPress/directive.test.ts

@@ -1,5 +1,5 @@
 import { defineComponent, isVue3 } from 'vue-demi'
-
+import { beforeEach, describe, expect, it, vi } from 'vitest'
 import type { VueWrapper } from '@vue/test-utils'
 import { mount } from '@vue/test-utils'
 import { promiseTimeout } from '@vueuse/shared'

packages/core/onLongPress/index.test.ts

@@ -1,6 +1,7 @@
 import { promiseTimeout } from '@vueuse/shared'
 import type { Ref } from 'vue-demi'
 import { ref } from 'vue-demi'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { useEventListener } from '../useEventListener'
 import { onLongPress } from '.'
 

packages/core/templateRef/index.test.ts

@@ -1,4 +1,5 @@
 import { defineComponent, h, nextTick, ref } from 'vue-demi'
+import { describe, expect, it } from 'vitest'
 import { mount } from '../../.test'
 import { templateRef } from '.'
 

packages/core/useActiveElement/index.test.ts

@@ -1,3 +1,4 @@
+import { afterEach, beforeEach, describe, expect, it } from 'vitest'
 import { useActiveElement } from '.'
 
 describe('useActiveElement', () => {

packages/core/useAnimate/index.test.ts

@@ -1,5 +1,6 @@
 import { shallowRef } from 'vue'
 import { mount } from '@vue/test-utils'
+import { describe, expect, it } from 'vitest'
 import { useAnimate } from '.'
 
 describe('useAnimate', () => {

packages/core/useAsyncQueue/index.test.ts

@@ -1,3 +1,4 @@
+import { describe, expect, it, vi } from 'vitest'
 import { retry } from '../../.test'
 import { useAsyncQueue } from '.'
 

packages/core/useAsyncState/index.test.ts

@@ -1,5 +1,6 @@
 import { promiseTimeout } from '@vueuse/shared'
-import { useAsyncState } from '../useAsyncState'
+import { describe, expect, it, vi } from 'vitest'
+import { useAsyncState } from '.'
 
 describe('useAsyncState', () => {
   it('should be defined', () => {

packages/core/useBase64/index.test.ts

@@ -1,6 +1,6 @@
 import { Buffer } from 'node:buffer'
-import { useBase64 } from '@vueuse/core'
-import { describe, expect } from 'vitest'
+import { describe, expect, it } from 'vitest'
+import { useBase64 } from '.'
 
 function decode(encoded: string) {
   const decodedStr = Buffer.from(encoded.split(',')[1], 'base64').toString('utf-8')

packages/core/useBluetooth/index.test.ts

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest'
 import { useBluetooth } from '.'
 
 describe('useBluetooth', () => {

packages/core/useCached/index.test.ts

@@ -1,4 +1,5 @@
 import { ref } from 'vue-demi'
+import { describe, expect, it } from 'vitest'
 import { nextTwoTick } from '../../.test'
 import { useCached } from '.'
 

packages/core/useCloned/index.test.ts

@@ -1,5 +1,5 @@
 import { useCloned } from '@vueuse/core'
-import { expect } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import { nextTick, ref } from 'vue-demi'
 
 describe('useCloned', () => {

packages/core/useColorMode/index.test.ts

@@ -1,8 +1,8 @@
 import { nextTwoTick } from 'packages/.test'
-import { expect, vi } from 'vitest'
+import { afterAll, beforeEach, describe, expect, it, vi } from 'vitest'
 import { ref } from 'vue-demi'
 import { usePreferredDark } from '../usePreferredDark'
-import { useColorMode } from './index'
+import { useColorMode } from '.'
 
 describe('useColorMode', () => {
   const storageKey = 'vueuse-color-scheme'

packages/core/useConfirmDialog/index.test.ts

@@ -1,4 +1,5 @@
 import { nextTick, ref } from 'vue-demi'
+import { describe, expect, it } from 'vitest'
 import { useConfirmDialog } from '.'
 
 describe('useConfirmDialog', () => {

packages/core/useCssVar/index.test.ts

@@ -1,5 +1,6 @@
 import { defaultWindow } from '@vueuse/core'
 import { nextTick } from 'vue-demi'
+import { describe, expect, it } from 'vitest'
 import { useCssVar } from '.'
 
 describe('useCssVar', () => {

packages/core/useCycleList/index.test.ts

@@ -1,4 +1,5 @@
 import { ref } from 'vue-demi'
+import { describe, expect, it } from 'vitest'
 import { useCycleList } from '.'
 
 describe('useCycleList', () => {

packages/core/useDebouncedRefHistory/index.test.ts

@@ -1,9 +1,10 @@
 import { nextTick, ref } from 'vue-demi'
 import { promiseTimeout } from '@vueuse/shared'
+import { describe, expect, it } from 'vitest'
 import { useDebouncedRefHistory } from '.'
 
 describe('useDebouncedRefHistory', () => {
-  test('Once the ref\'s value has changed and some time has passed, ensure the snapshot is updated', async () => {
+  it('Once the ref\'s value has changed and some time has passed, ensure the snapshot is updated', async () => {
     const v = ref(0)
 
     const { history } = useDebouncedRefHistory(v, { debounce: 10 })
@@ -17,7 +18,7 @@ describe('useDebouncedRefHistory', () => {
     expect(history.value[0].snapshot).toBe(100)
   })
 
-  test('when debounce is undefined', async () => {
+  it('when debounce is undefined', async () => {
     const v = ref(0)
 
     const { history } = useDebouncedRefHistory(v, { deep: false })

packages/core/useElementHover/directive.test.ts

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi'
 import type { VueWrapper } from '@vue/test-utils'
 import { mount } from '@vue/test-utils'
-
+import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { vElementHover } from './directive'
 
 const App = defineComponent({

packages/core/useElementSize/directive.test.ts

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi'
 import type { VueWrapper } from '@vue/test-utils'
 import { mount } from '@vue/test-utils'
-
+import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { vElementSize } from './directive'
 
 const App = defineComponent({

packages/core/useElementVisibility/directive.test.ts

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi'
 import type { VueWrapper } from '@vue/test-utils'
 import { mount } from '@vue/test-utils'
-
+import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { vElementVisibility } from './directive'
 import type { UseElementVisibilityOptions } from '.'
 

packages/core/useElementVisibility/index.test.ts

@@ -1,3 +1,4 @@
+import { beforeAll, beforeEach, describe, expect, it, vi } from 'vitest'
 import { useElementVisibility } from '.'
 
 describe('useElementVisibility', () => {

packages/core/useEventBus/index.test.ts

@@ -1,4 +1,5 @@
 import { nextTick } from 'vue-demi'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { useCounter } from '../../shared/useCounter'
 import { useSetup } from '../../.test'
 import { events } from './internal'

packages/core/useEventListener/index.test.ts

@@ -1,5 +1,6 @@
 import type { Fn } from '@vueuse/shared'
 import type { SpyInstance } from 'vitest'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { noop } from '@vueuse/shared'
 import { isVue2 } from 'vue-demi'
 import type { Ref } from 'vue'

packages/core/useFavicon/index.test.ts

@@ -1,4 +1,4 @@
-import { describe, expect } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import { computed, ref } from 'vue'
 import { useFavicon } from '.'