diff --git a/package.json b/package.json
index 005a0a4bffa..57f9527ed2a 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vueuse/monorepo",
   "type": "module",
-  "version": "12.6.0",
+  "version": "12.6.1",
   "private": true,
   "packageManager": "pnpm@10.4.0",
   "description": "Collection of essential Vue Composition Utilities",
diff --git a/packages/components/package.json b/packages/components/package.json
index 2144906df27..6509a6ff23e 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vueuse/components",
   "type": "module",
-  "version": "12.6.0",
+  "version": "12.6.1",
   "description": "Renderless components for VueUse",
   "author": "Jacob Clevenger<https://github.com/wheatjs>",
   "license": "MIT",
diff --git a/packages/core/_template/index.test.ts b/packages/core/_template/index.test.ts
index 4e20d3fd834..b037df4d140 100644
--- a/packages/core/_template/index.test.ts
+++ b/packages/core/_template/index.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { useCounter } from '.'
+import { useCounter } from './index'
 
 describe('useCounter', () => {
   it('should be defined', () => {
diff --git a/packages/core/computedAsync/index.test.ts b/packages/core/computedAsync/index.test.ts
index eefd45e3061..daa690674dc 100644
--- a/packages/core/computedAsync/index.test.ts
+++ b/packages/core/computedAsync/index.test.ts
@@ -1,7 +1,7 @@
 import type { Ref } from 'vue'
 import { describe, expect, expectTypeOf, it, vi } from 'vitest'
 import { computed, nextTick, ref } from 'vue'
-import { asyncComputed, computedAsync } from '.'
+import { asyncComputed, computedAsync } from './index'
 
 describe('computed', () => {
   it('is lazy', () => {
diff --git a/packages/core/computedInject/demoReceiver.vue b/packages/core/computedInject/demoReceiver.vue
index b317479d4a7..d9467ec170d 100644
--- a/packages/core/computedInject/demoReceiver.vue
+++ b/packages/core/computedInject/demoReceiver.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
 import type { InjectionKey, Ref } from 'vue'
 import { defineComponent, ref } from 'vue'
-import { computedInject } from '.'
+import { computedInject } from './index'
 
 type OptionsRef = Ref<{ key: number, value: string }[]>
 
diff --git a/packages/core/computedInject/index.test.ts b/packages/core/computedInject/index.test.ts
index 03214541bca..92f18ff1334 100644
--- a/packages/core/computedInject/index.test.ts
+++ b/packages/core/computedInject/index.test.ts
@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { computedInject } from '.'
 import { Key, useInjectedSetup } from '../../.test'
+import { computedInject } from './index'
 
 describe('computedInject', () => {
   it('should be defined', () => {
diff --git a/packages/core/createReusableTemplate/index.test.ts b/packages/core/createReusableTemplate/index.test.ts
index c558b1d2f41..2376e16f48d 100644
--- a/packages/core/createReusableTemplate/index.test.ts
+++ b/packages/core/createReusableTemplate/index.test.ts
@@ -2,7 +2,7 @@ import type { Slot } from 'vue'
 import { mount } from '@vue/test-utils'
 import { describe, expect, it } from 'vitest'
 import { defineComponent, Fragment, h, renderSlot } from 'vue'
-import { createReusableTemplate } from '.'
+import { createReusableTemplate } from './index'
 
 describe('createReusableTemplate', () => {
   it('should work', () => {
diff --git a/packages/core/createTemplatePromise/demo.vue b/packages/core/createTemplatePromise/demo.vue
index 8f8f19fa64b..cf7767a2396 100644
--- a/packages/core/createTemplatePromise/demo.vue
+++ b/packages/core/createTemplatePromise/demo.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { createTemplatePromise } from '.'
+import { createTemplatePromise } from './index'
 
 type DialogResult = 'ok' | 'cancel'
 
diff --git a/packages/core/createUnrefFn/index.test.ts b/packages/core/createUnrefFn/index.test.ts
index 284c311dcd9..c0149198ed5 100644
--- a/packages/core/createUnrefFn/index.test.ts
+++ b/packages/core/createUnrefFn/index.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { createUnrefFn } from '.'
+import { createUnrefFn } from './index'
 
 describe('createUnrefFn', () => {
   it('should be defined', () => {
diff --git a/packages/core/onClickOutside/component.ts b/packages/core/onClickOutside/component.ts
index 4a889ef1e89..96d65f06de0 100644
--- a/packages/core/onClickOutside/component.ts
+++ b/packages/core/onClickOutside/component.ts
@@ -1,5 +1,5 @@
-import type { OnClickOutsideOptions } from '.'
 import type { RenderableComponent } from '../types'
+import type { OnClickOutsideOptions } from './index'
 import { onClickOutside } from '@vueuse/core'
 import { defineComponent, h, ref } from 'vue'
 
diff --git a/packages/core/onClickOutside/directive.ts b/packages/core/onClickOutside/directive.ts
index 87f52e824f5..1e309bed81f 100644
--- a/packages/core/onClickOutside/directive.ts
+++ b/packages/core/onClickOutside/directive.ts
@@ -1,6 +1,6 @@
 import type { ObjectDirective } from 'vue'
-import type { OnClickOutsideHandler, OnClickOutsideOptions } from '.'
-import { onClickOutside } from '.'
+import type { OnClickOutsideHandler, OnClickOutsideOptions } from './index'
+import { onClickOutside } from './index'
 
 export const vOnClickOutside: ObjectDirective<
   HTMLElement,
diff --git a/packages/core/onClickOutside/index.browser.test.ts b/packages/core/onClickOutside/index.browser.test.ts
index fcb1a0213a6..1d45257ac2d 100644
--- a/packages/core/onClickOutside/index.browser.test.ts
+++ b/packages/core/onClickOutside/index.browser.test.ts
@@ -1,7 +1,7 @@
 import { page, userEvent } from '@vitest/browser/context'
 import { describe, expect, it, vi } from 'vitest'
 import { defineComponent, useTemplateRef } from 'vue'
-import { onClickOutside } from '.'
+import { onClickOutside } from './index'
 
 const complexComponent = defineComponent({
   template: `
diff --git a/packages/core/onElementRemoval/index.test.ts b/packages/core/onElementRemoval/index.test.ts
index c3ed0f7b643..5ea4e25d6a9 100644
--- a/packages/core/onElementRemoval/index.test.ts
+++ b/packages/core/onElementRemoval/index.test.ts
@@ -2,7 +2,7 @@ import type { AnyFn } from '@vueuse/shared'
 import type { Ref } from 'vue'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { effectScope, nextTick, ref } from 'vue'
-import { onElementRemoval } from '.'
+import { onElementRemoval } from './index'
 
 describe('onElementRemoval', () => {
   let callBackFn: AnyFn
diff --git a/packages/core/onKeyStroke/directive.test.ts b/packages/core/onKeyStroke/directive.test.ts
index 04e21ea3d1d..686214c80c6 100644
--- a/packages/core/onKeyStroke/directive.test.ts
+++ b/packages/core/onKeyStroke/directive.test.ts
@@ -1,5 +1,5 @@
 import type { VueWrapper } from '@vue/test-utils'
-import type { OnKeyStrokeOptions } from '.'
+import type { OnKeyStrokeOptions } from './index'
 import { mount } from '@vue/test-utils'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { defineComponent } from 'vue'
diff --git a/packages/core/onKeyStroke/directive.ts b/packages/core/onKeyStroke/directive.ts
index 6aece4e2636..01841939b87 100644
--- a/packages/core/onKeyStroke/directive.ts
+++ b/packages/core/onKeyStroke/directive.ts
@@ -1,6 +1,6 @@
 import type { ObjectDirective } from 'vue'
-import type { OnKeyStrokeOptions } from '.'
-import { onKeyStroke } from '.'
+import type { OnKeyStrokeOptions } from './index'
+import { onKeyStroke } from './index'
 
 type BindingValueFunction = (event: KeyboardEvent) => void
 
diff --git a/packages/core/onKeyStroke/index.test.ts b/packages/core/onKeyStroke/index.test.ts
index d8578450d5b..046c84f7573 100644
--- a/packages/core/onKeyStroke/index.test.ts
+++ b/packages/core/onKeyStroke/index.test.ts
@@ -1,8 +1,8 @@
 import type { Ref } from 'vue'
-import type { KeyStrokeEventName } from '.'
+import type { KeyStrokeEventName } from './index'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { ref } from 'vue'
-import { onKeyStroke } from '.'
+import { onKeyStroke } from './index'
 
 describe('onKeyStroke', () => {
   let element: Ref<HTMLElement>
diff --git a/packages/core/onLongPress/component.ts b/packages/core/onLongPress/component.ts
index 8e29576042a..0832fe95d16 100644
--- a/packages/core/onLongPress/component.ts
+++ b/packages/core/onLongPress/component.ts
@@ -1,7 +1,7 @@
-import type { OnLongPressOptions } from '.'
 import type { RenderableComponent } from '../types'
+import type { OnLongPressOptions } from './index'
 import { defineComponent, h, ref } from 'vue'
-import { onLongPress } from '.'
+import { onLongPress } from './index'
 
 export interface OnLongPressProps extends RenderableComponent {
   options?: OnLongPressOptions
diff --git a/packages/core/onLongPress/directive.test.ts b/packages/core/onLongPress/directive.test.ts
index 4bd06505540..2fb60da2620 100644
--- a/packages/core/onLongPress/directive.test.ts
+++ b/packages/core/onLongPress/directive.test.ts
@@ -1,5 +1,5 @@
 import type { VueWrapper } from '@vue/test-utils'
-import type { OnLongPressOptions } from '.'
+import type { OnLongPressOptions } from './index'
 import { mount } from '@vue/test-utils'
 import { promiseTimeout } from '@vueuse/shared'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
diff --git a/packages/core/onLongPress/directive.ts b/packages/core/onLongPress/directive.ts
index 2034f8c8fcc..1a47b763113 100644
--- a/packages/core/onLongPress/directive.ts
+++ b/packages/core/onLongPress/directive.ts
@@ -1,7 +1,7 @@
 import type { ObjectDirective } from 'vue'
-import type { OnLongPressOptions } from '.'
+import type { OnLongPressOptions } from './index'
 
-import { onLongPress } from '.'
+import { onLongPress } from './index'
 
 type BindingValueFunction = (evt: PointerEvent) => void
 
diff --git a/packages/core/onLongPress/index.test.ts b/packages/core/onLongPress/index.test.ts
index 0cb6edd6d6d..3729ce502c8 100644
--- a/packages/core/onLongPress/index.test.ts
+++ b/packages/core/onLongPress/index.test.ts
@@ -1,8 +1,8 @@
 import type { Ref } from 'vue'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { ref } from 'vue'
-import { onLongPress } from '.'
 import { useEventListener } from '../useEventListener'
+import { onLongPress } from './index'
 
 describe('onLongPress', () => {
   let element: Ref<HTMLElement>
diff --git a/packages/core/package.json b/packages/core/package.json
index 07ae75016d6..fabbbf8f1bf 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vueuse/core",
   "type": "module",
-  "version": "12.6.0",
+  "version": "12.6.1",
   "description": "Collection of essential Vue Composition Utilities",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
diff --git a/packages/core/templateRef/index.test.ts b/packages/core/templateRef/index.test.ts
index d9fb1b1ae4e..2996ce10e06 100644
--- a/packages/core/templateRef/index.test.ts
+++ b/packages/core/templateRef/index.test.ts
@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest'
 import { defineComponent, h, nextTick, ref } from 'vue'
-import { templateRef } from '.'
 import { mount } from '../../.test'
+import { templateRef } from './index'
 
 describe('templateRef', () => {
   it('should be defined', () => {
diff --git a/packages/core/useActiveElement/index.test.ts b/packages/core/useActiveElement/index.test.ts
index 2c1f89a87f0..f7967b93551 100644
--- a/packages/core/useActiveElement/index.test.ts
+++ b/packages/core/useActiveElement/index.test.ts
@@ -1,6 +1,6 @@
 import { afterEach, beforeEach, describe, expect, it } from 'vitest'
 import { nextTick } from 'vue'
-import { useActiveElement } from '.'
+import { useActiveElement } from './index'
 
 describe('useActiveElement', () => {
   let shadowHost: HTMLElement
diff --git a/packages/core/useAnimate/index.browser.test.ts b/packages/core/useAnimate/index.browser.test.ts
index 8812bc081e7..d23cd8940c0 100644
--- a/packages/core/useAnimate/index.browser.test.ts
+++ b/packages/core/useAnimate/index.browser.test.ts
@@ -2,7 +2,7 @@ import { mount } from '@vue/test-utils'
 import { useAnimate } from '@vueuse/core'
 import { describe, expect, it, vi } from 'vitest'
 import { shallowRef } from 'vue'
-// import { useAnimate } from '.'
+// import { useAnimate } from './index'
 
 describe('useAnimate', () => {
   it('browser should support useAnimate', () => {
diff --git a/packages/core/useAnimate/index.test.ts b/packages/core/useAnimate/index.test.ts
index 54bfefd2dd2..779c4cbc2c3 100644
--- a/packages/core/useAnimate/index.test.ts
+++ b/packages/core/useAnimate/index.test.ts
@@ -1,7 +1,7 @@
 import { mount } from '@vue/test-utils'
 import { describe, expect, it } from 'vitest'
 import { shallowRef } from 'vue'
-import { useAnimate } from '.'
+import { useAnimate } from './index'
 
 describe('useAnimate', () => {
   it('should be defined', () => {
diff --git a/packages/core/useAsyncQueue/index.test.ts b/packages/core/useAsyncQueue/index.test.ts
index 53a18db6442..206dd06c5e9 100644
--- a/packages/core/useAsyncQueue/index.test.ts
+++ b/packages/core/useAsyncQueue/index.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it, vi } from 'vitest'
-import { useAsyncQueue } from '.'
+import { useAsyncQueue } from './index'
 
 describe('useAsyncQueue', () => {
   const p1 = () => {
diff --git a/packages/core/useAsyncState/index.test.ts b/packages/core/useAsyncState/index.test.ts
index bf329dd4da0..e259d28c866 100644
--- a/packages/core/useAsyncState/index.test.ts
+++ b/packages/core/useAsyncState/index.test.ts
@@ -1,6 +1,6 @@
 import { promiseTimeout } from '@vueuse/shared'
 import { describe, expect, it, vi } from 'vitest'
-import { useAsyncState } from '.'
+import { useAsyncState } from './index'
 
 describe('useAsyncState', () => {
   it('should be defined', () => {
diff --git a/packages/core/useBase64/index.test.ts b/packages/core/useBase64/index.test.ts
index 6537664f9b8..b0f129f2200 100644
--- a/packages/core/useBase64/index.test.ts
+++ b/packages/core/useBase64/index.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { useBase64 } from '.'
+import { useBase64 } from './index'
 
 describe('useBase64', () => {
   it('should work with record', async () => {
diff --git a/packages/core/useBluetooth/demo.vue b/packages/core/useBluetooth/demo.vue
index f1869a33e81..a23a261db09 100644
--- a/packages/core/useBluetooth/demo.vue
+++ b/packages/core/useBluetooth/demo.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useBluetooth } from '.'
+import { useBluetooth } from './index'
 
 const {
   isConnected,
diff --git a/packages/core/useBluetooth/index.test.ts b/packages/core/useBluetooth/index.test.ts
index 921fcf2b455..9781f8df6d9 100644
--- a/packages/core/useBluetooth/index.test.ts
+++ b/packages/core/useBluetooth/index.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { useBluetooth } from '.'
+import { useBluetooth } from './index'
 
 describe('useBluetooth', () => {
   it('should be defined', () => {
diff --git a/packages/core/useBreakpoints/index.test.ts b/packages/core/useBreakpoints/index.test.ts
index 7a67798ce4a..26cdb856841 100644
--- a/packages/core/useBreakpoints/index.test.ts
+++ b/packages/core/useBreakpoints/index.test.ts
@@ -1,7 +1,7 @@
 import { provideSSRWidth } from '@vueuse/core'
 import { describe, expect, it } from 'vitest'
 import { createSSRApp } from 'vue'
-import { breakpointsBootstrapV5, useBreakpoints } from '.'
+import { breakpointsBootstrapV5, useBreakpoints } from './index'
 
 describe('useBreakpoints', () => {
   it('should be defined', () => {
diff --git a/packages/core/useCached/index.test.ts b/packages/core/useCached/index.test.ts
index f8ff2e406f7..c51c1f53615 100644
--- a/packages/core/useCached/index.test.ts
+++ b/packages/core/useCached/index.test.ts
@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useCached } from '.'
 import { nextTwoTick } from '../../.test'
+import { useCached } from './index'
 
 function arrayEquals<T>(a: T[], b: T[]): boolean {
   if (a.length !== b.length)
diff --git a/packages/core/useColorMode/component.ts b/packages/core/useColorMode/component.ts
index 462f1108154..d1d18a98be3 100644
--- a/packages/core/useColorMode/component.ts
+++ b/packages/core/useColorMode/component.ts
@@ -1,6 +1,6 @@
-import type { UseColorModeOptions } from '.'
+import type { UseColorModeOptions } from './index'
 import { defineComponent, reactive } from 'vue'
-import { useColorMode } from '.'
+import { useColorMode } from './index'
 
 export const UseColorMode = /* #__PURE__ */ defineComponent<UseColorModeOptions>({
   name: 'UseColorMode',
diff --git a/packages/core/useColorMode/index.test.ts b/packages/core/useColorMode/index.test.ts
index 0b5ca649df5..0cd0d76bd89 100644
--- a/packages/core/useColorMode/index.test.ts
+++ b/packages/core/useColorMode/index.test.ts
@@ -1,9 +1,9 @@
 import type { Ref } from 'vue'
 import { afterAll, beforeEach, describe, expect, it, vi } from 'vitest'
 import { nextTick, ref } from 'vue'
-import { useColorMode } from '.'
 import { nextTwoTick } from '../../.test'
 import { usePreferredDark } from '../usePreferredDark'
+import { useColorMode } from './index'
 
 describe('useColorMode', () => {
   const storageKey = 'vueuse-color-scheme'
diff --git a/packages/core/useConfirmDialog/index.test.ts b/packages/core/useConfirmDialog/index.test.ts
index 445350ed3e6..3069ea24c03 100644
--- a/packages/core/useConfirmDialog/index.test.ts
+++ b/packages/core/useConfirmDialog/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { nextTick, ref } from 'vue'
-import { useConfirmDialog } from '.'
+import { useConfirmDialog } from './index'
 
 describe('useConfirmDialog', () => {
   it('should be defined', () => {
diff --git a/packages/core/useCountdown/index.test.ts b/packages/core/useCountdown/index.test.ts
index cd4c3bb05f9..273b74f246b 100644
--- a/packages/core/useCountdown/index.test.ts
+++ b/packages/core/useCountdown/index.test.ts
@@ -1,8 +1,8 @@
 import type { Pausable } from '@vueuse/shared'
-import type { UseCountdownOptions } from '.'
+import type { UseCountdownOptions } from './index'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { effectScope, ref } from 'vue'
-import { useCountdown } from '.'
+import { useCountdown } from './index'
 
 describe('useCountdown', () => {
   vi.useFakeTimers()
diff --git a/packages/core/useCssVar/index.test.ts b/packages/core/useCssVar/index.test.ts
index 8a4430ac30c..894ee3d9af7 100644
--- a/packages/core/useCssVar/index.test.ts
+++ b/packages/core/useCssVar/index.test.ts
@@ -1,8 +1,8 @@
 import { defaultWindow } from '@vueuse/core'
 import { describe, expect, it } from 'vitest'
 import { defineComponent, h, nextTick, onMounted, ref, shallowRef, useTemplateRef } from 'vue'
-import { useCssVar } from '.'
 import { mount } from '../../.test'
+import { useCssVar } from './index'
 
 describe('useCssVar', () => {
   it('should be defined', () => {
diff --git a/packages/core/useCurrentElement/index.test.ts b/packages/core/useCurrentElement/index.test.ts
index 8f4893cd315..d7378c1fe3e 100644
--- a/packages/core/useCurrentElement/index.test.ts
+++ b/packages/core/useCurrentElement/index.test.ts
@@ -1,7 +1,7 @@
 import { mount } from '@vue/test-utils'
 import { describe, expect, it } from 'vitest'
 import { defineComponent, shallowRef } from 'vue'
-import { useCurrentElement } from '.'
+import { useCurrentElement } from './index'
 
 // Manual triggering only works for Vue 3 - https://vueuse.org/shared/computedWithControl/#manual-triggering
 describe('useCurrentElement', () => {
diff --git a/packages/core/useCycleList/index.test.ts b/packages/core/useCycleList/index.test.ts
index 3c2acb93bf2..43d194cbb0e 100644
--- a/packages/core/useCycleList/index.test.ts
+++ b/packages/core/useCycleList/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useCycleList } from '.'
+import { useCycleList } from './index'
 
 describe('useCycleList', () => {
   it('should work with array', () => {
diff --git a/packages/core/useDebouncedRefHistory/index.test.ts b/packages/core/useDebouncedRefHistory/index.test.ts
index 5e2f0414b7a..7b635f8c4d4 100644
--- a/packages/core/useDebouncedRefHistory/index.test.ts
+++ b/packages/core/useDebouncedRefHistory/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { nextTick, ref } from 'vue'
-import { useDebouncedRefHistory } from '.'
+import { useDebouncedRefHistory } from './index'
 
 describe('useDebouncedRefHistory', () => {
   it('once the ref\'s value has changed and some time has passed, ensure the snapshot is updated', async () => {
diff --git a/packages/core/useElementBounding/directive.ts b/packages/core/useElementBounding/directive.ts
index 3a4f427580e..c1c36d5f064 100644
--- a/packages/core/useElementBounding/directive.ts
+++ b/packages/core/useElementBounding/directive.ts
@@ -1,7 +1,7 @@
 import type { ObjectDirective } from 'vue'
-import type { UseElementBoundingOptions, UseElementBoundingReturn } from '.'
+import type { UseElementBoundingOptions, UseElementBoundingReturn } from './index'
 import { watch } from 'vue'
-import { useElementBounding } from '.'
+import { useElementBounding } from './index'
 
 type ElementBounding = Omit<UseElementBoundingReturn, 'update'>
 type BindingValueFunction = (bounding: ElementBounding) => void
diff --git a/packages/core/useElementBounding/index.browser.test.ts b/packages/core/useElementBounding/index.browser.test.ts
index 1ae65dfd404..42ebe7fbfa2 100644
--- a/packages/core/useElementBounding/index.browser.test.ts
+++ b/packages/core/useElementBounding/index.browser.test.ts
@@ -1,7 +1,7 @@
 import { page } from '@vitest/browser/context'
 import { describe, expect, it } from 'vitest'
 import { computed, defineComponent, shallowRef } from 'vue'
-import { useElementBounding } from '.'
+import { useElementBounding } from './index'
 
 const Component = defineComponent({
   template:
diff --git a/packages/core/useElementBounding/index.test.ts b/packages/core/useElementBounding/index.test.ts
index b9df33e3a60..2621819a807 100644
--- a/packages/core/useElementBounding/index.test.ts
+++ b/packages/core/useElementBounding/index.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { useElementBounding } from '.'
+import { useElementBounding } from './index'
 
 describe('useElementBounding', () => {
   it('should be defined', () => {
diff --git a/packages/core/useElementHover/directive.ts b/packages/core/useElementHover/directive.ts
index 36722876ecf..d6121f6a699 100644
--- a/packages/core/useElementHover/directive.ts
+++ b/packages/core/useElementHover/directive.ts
@@ -1,7 +1,7 @@
 import type { ObjectDirective } from 'vue'
-import type { UseElementHoverOptions } from '.'
+import type { UseElementHoverOptions } from './index'
 import { watch } from 'vue'
-import { useElementHover } from '.'
+import { useElementHover } from './index'
 
 type BindingValueFunction = (state: boolean) => void
 
diff --git a/packages/core/useElementSize/directive.ts b/packages/core/useElementSize/directive.ts
index cb930104b2c..3c64e8c00ce 100644
--- a/packages/core/useElementSize/directive.ts
+++ b/packages/core/useElementSize/directive.ts
@@ -1,7 +1,7 @@
 import type { ObjectDirective } from 'vue'
-import type { ElementSize } from '.'
+import type { ElementSize } from './index'
 import { watch } from 'vue'
-import { useElementSize } from '.'
+import { useElementSize } from './index'
 
 type RemoveFirstFromTuple<T extends any[]> =
   T['length'] extends 0 ? undefined :
diff --git a/packages/core/useElementVisibility/directive.test.ts b/packages/core/useElementVisibility/directive.test.ts
index c46c2f3a0c2..dda34cc7c0c 100644
--- a/packages/core/useElementVisibility/directive.test.ts
+++ b/packages/core/useElementVisibility/directive.test.ts
@@ -1,5 +1,5 @@
 import type { VueWrapper } from '@vue/test-utils'
-import type { UseElementVisibilityOptions } from '.'
+import type { UseElementVisibilityOptions } from './index'
 import { mount } from '@vue/test-utils'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { defineComponent } from 'vue'
diff --git a/packages/core/useElementVisibility/directive.ts b/packages/core/useElementVisibility/directive.ts
index efef5f5c3cf..671029163dc 100644
--- a/packages/core/useElementVisibility/directive.ts
+++ b/packages/core/useElementVisibility/directive.ts
@@ -1,8 +1,8 @@
 import type { ObjectDirective } from 'vue'
-import type { UseElementVisibilityOptions } from '.'
+import type { UseElementVisibilityOptions } from './index'
 
 import { watch } from 'vue'
-import { useElementVisibility } from '.'
+import { useElementVisibility } from './index'
 
 type BindingValueFunction = (state: boolean) => void
 
diff --git a/packages/core/useElementVisibility/index.test.ts b/packages/core/useElementVisibility/index.test.ts
index 82ddee82d4e..f03bcf73a04 100644
--- a/packages/core/useElementVisibility/index.test.ts
+++ b/packages/core/useElementVisibility/index.test.ts
@@ -1,5 +1,5 @@
 import { beforeAll, beforeEach, describe, expect, it, vi } from 'vitest'
-import { useElementVisibility } from '.'
+import { useElementVisibility } from './index'
 
 describe('useElementVisibility', () => {
   let el: HTMLDivElement
diff --git a/packages/core/useEventBus/index.test.ts b/packages/core/useEventBus/index.test.ts
index 588fa06dcb1..314f6cadf17 100644
--- a/packages/core/useEventBus/index.test.ts
+++ b/packages/core/useEventBus/index.test.ts
@@ -1,8 +1,8 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { nextTick } from 'vue'
-import { useEventBus } from '.'
 import { useSetup } from '../../.test'
 import { useCounter } from '../../shared/useCounter'
+import { useEventBus } from './index'
 import { events } from './internal'
 
 describe('useEventBus', () => {
diff --git a/packages/core/useEventBus/internal.ts b/packages/core/useEventBus/internal.ts
index 209ecd6081b..2bc3efc1b74 100644
--- a/packages/core/useEventBus/internal.ts
+++ b/packages/core/useEventBus/internal.ts
@@ -1,4 +1,4 @@
-import type { EventBusEvents, EventBusIdentifier } from '.'
+import type { EventBusEvents, EventBusIdentifier } from './index'
 
 /* #__PURE__ */
 export const events = new Map<EventBusIdentifier<any>, EventBusEvents<any>>()
diff --git a/packages/core/useEventListener/index.test.ts b/packages/core/useEventListener/index.test.ts
index 4ded3cfa228..0041b3aa241 100644
--- a/packages/core/useEventListener/index.test.ts
+++ b/packages/core/useEventListener/index.test.ts
@@ -3,7 +3,7 @@ import type { MockInstance } from 'vitest'
 import type { Ref } from 'vue'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { computed, effectScope, nextTick, ref } from 'vue'
-import { useEventListener } from '.'
+import { useEventListener } from './index'
 
 describe('useEventListener', () => {
   const options = { capture: true }
diff --git a/packages/core/useFavicon/index.test.ts b/packages/core/useFavicon/index.test.ts
index 7202b5c1838..61de6e4cf22 100644
--- a/packages/core/useFavicon/index.test.ts
+++ b/packages/core/useFavicon/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { computed, ref } from 'vue'
-import { useFavicon } from '.'
+import { useFavicon } from './index'
 
 describe('useFavicon', () => {
   it('no param', () => {
diff --git a/packages/core/useFetch/index.test.ts b/packages/core/useFetch/index.test.ts
index a5bbf40da93..1601b88ea16 100644
--- a/packages/core/useFetch/index.test.ts
+++ b/packages/core/useFetch/index.test.ts
@@ -1,9 +1,9 @@
-import type { AfterFetchContext, OnFetchErrorContext } from '.'
+import type { AfterFetchContext, OnFetchErrorContext } from './index'
 import { until } from '@vueuse/shared'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { nextTick, ref } from 'vue'
-import { createFetch, useFetch } from '.'
 import { isBelowNode18 } from '../../.test'
+import { createFetch, useFetch } from './index'
 import '../../.test/mockServer'
 
 const jsonMessage = { hello: 'world' }
diff --git a/packages/core/useFileDialog/demo.vue b/packages/core/useFileDialog/demo.vue
index 95991312f35..26a2e2a75d4 100644
--- a/packages/core/useFileDialog/demo.vue
+++ b/packages/core/useFileDialog/demo.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useFileDialog } from '.'
+import { useFileDialog } from './index'
 
 const { files, open, reset, onCancel, onChange } = useFileDialog()
 onChange((files) => {
diff --git a/packages/core/useFocus/index.test.ts b/packages/core/useFocus/index.test.ts
index 58dc0663f59..37b204f4d2b 100644
--- a/packages/core/useFocus/index.test.ts
+++ b/packages/core/useFocus/index.test.ts
@@ -1,7 +1,7 @@
 import type { Ref } from 'vue'
 import { beforeEach, describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useFocus } from '.'
+import { useFocus } from './index'
 
 describe('useFocus', () => {
   let target: Ref<HTMLButtonElement>
diff --git a/packages/core/useFocusWithin/index.test.ts b/packages/core/useFocusWithin/index.test.ts
index ec752a82e8f..d561697302b 100644
--- a/packages/core/useFocusWithin/index.test.ts
+++ b/packages/core/useFocusWithin/index.test.ts
@@ -1,7 +1,7 @@
 import type { Ref } from 'vue'
 import { beforeEach, describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useFocusWithin } from '.'
+import { useFocusWithin } from './index'
 
 describe('useFocusWithin', () => {
   let parent: Ref<HTMLFormElement>
diff --git a/packages/core/useInfiniteScroll/directive.test.ts b/packages/core/useInfiniteScroll/directive.test.ts
index 533e208d413..fb58cf75a37 100644
--- a/packages/core/useInfiniteScroll/directive.test.ts
+++ b/packages/core/useInfiniteScroll/directive.test.ts
@@ -1,5 +1,5 @@
 import type { VueWrapper } from '@vue/test-utils'
-import type { UseInfiniteScrollOptions } from '.'
+import type { UseInfiniteScrollOptions } from './index'
 import { mount } from '@vue/test-utils'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { defineComponent } from 'vue'
diff --git a/packages/core/useInfiniteScroll/directive.ts b/packages/core/useInfiniteScroll/directive.ts
index 2cd5bc8bd32..effe96992af 100644
--- a/packages/core/useInfiniteScroll/directive.ts
+++ b/packages/core/useInfiniteScroll/directive.ts
@@ -1,6 +1,6 @@
 import type { ObjectDirective } from 'vue'
-import type { UseInfiniteScrollOptions } from '.'
-import { useInfiniteScroll } from '.'
+import type { UseInfiniteScrollOptions } from './index'
+import { useInfiniteScroll } from './index'
 
 type BindingValueFunction = Parameters<typeof useInfiniteScroll>[1]
 type BindingValueArray = [BindingValueFunction, UseInfiniteScrollOptions]
diff --git a/packages/core/useInfiniteScroll/index.test.ts b/packages/core/useInfiniteScroll/index.test.ts
index b0277134053..42ae4238122 100644
--- a/packages/core/useInfiniteScroll/index.test.ts
+++ b/packages/core/useInfiniteScroll/index.test.ts
@@ -1,8 +1,8 @@
 import { flushPromises } from '@vue/test-utils'
 import { describe, expect, it, vi } from 'vitest'
 import { ref } from 'vue'
-import { useInfiniteScroll } from '.'
 import { useElementVisibility } from '../useElementVisibility'
+import { useInfiniteScroll } from './index'
 
 vi.mock('../useElementVisibility')
 describe('useInfiniteScroll', () => {
diff --git a/packages/core/useIntersectionObserver/directive.test.ts b/packages/core/useIntersectionObserver/directive.test.ts
index a639648c666..a736b47c119 100644
--- a/packages/core/useIntersectionObserver/directive.test.ts
+++ b/packages/core/useIntersectionObserver/directive.test.ts
@@ -1,5 +1,5 @@
 import type { VueWrapper } from '@vue/test-utils'
-import type { UseIntersectionObserverOptions } from '.'
+import type { UseIntersectionObserverOptions } from './index'
 import { mount } from '@vue/test-utils'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { defineComponent } from 'vue'
diff --git a/packages/core/useIntersectionObserver/directive.ts b/packages/core/useIntersectionObserver/directive.ts
index b3fe3847338..c913b50a88f 100644
--- a/packages/core/useIntersectionObserver/directive.ts
+++ b/packages/core/useIntersectionObserver/directive.ts
@@ -1,6 +1,6 @@
 import type { ObjectDirective } from 'vue'
-import type { UseIntersectionObserverOptions } from '.'
-import { useIntersectionObserver } from '.'
+import type { UseIntersectionObserverOptions } from './index'
+import { useIntersectionObserver } from './index'
 
 type BindingValueFunction = IntersectionObserverCallback
 
diff --git a/packages/core/useMagicKeys/index.test.ts b/packages/core/useMagicKeys/index.test.ts
index bbc9fcf5e0b..642b1a956a3 100644
--- a/packages/core/useMagicKeys/index.test.ts
+++ b/packages/core/useMagicKeys/index.test.ts
@@ -1,5 +1,5 @@
 import { beforeEach, describe, expect, it } from 'vitest'
-import { useMagicKeys } from '.'
+import { useMagicKeys } from './index'
 
 describe('useMagicKeys', () => {
   let target: HTMLInputElement
diff --git a/packages/core/useManualRefHistory/index.test.ts b/packages/core/useManualRefHistory/index.test.ts
index eb52f558949..caeb41e23cd 100644
--- a/packages/core/useManualRefHistory/index.test.ts
+++ b/packages/core/useManualRefHistory/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { isReactive, ref } from 'vue'
-import { useManualRefHistory } from '.'
+import { useManualRefHistory } from './index'
 
 describe('useManualRefHistory', () => {
   it('should record', () => {
diff --git a/packages/core/useMediaQuery/index.test.ts b/packages/core/useMediaQuery/index.test.ts
index b6afe301230..d89615faea3 100644
--- a/packages/core/useMediaQuery/index.test.ts
+++ b/packages/core/useMediaQuery/index.test.ts
@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest'
 import { createSSRApp, nextTick, ref } from 'vue'
-import { useMediaQuery } from '.'
 import { provideSSRWidth } from '../useSSRWidth'
+import { useMediaQuery } from './index'
 
 describe('useMediaQuery', () => {
   it('should be defined', () => {
diff --git a/packages/core/useMemoize/index.test.ts b/packages/core/useMemoize/index.test.ts
index ba2eaf2dc3e..cc0a29dd989 100644
--- a/packages/core/useMemoize/index.test.ts
+++ b/packages/core/useMemoize/index.test.ts
@@ -1,8 +1,8 @@
 import type { Mock } from 'vitest'
-import type { UseMemoizeCache } from '.'
+import type { UseMemoizeCache } from './index'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { computed } from 'vue'
-import { useMemoize } from '.'
+import { useMemoize } from './index'
 
 describe('useMemoize', () => {
   const resolver = vi.fn()
diff --git a/packages/core/useMouseInElement/directive.ts b/packages/core/useMouseInElement/directive.ts
index 4ce01c30507..5884dd0df3b 100644
--- a/packages/core/useMouseInElement/directive.ts
+++ b/packages/core/useMouseInElement/directive.ts
@@ -1,8 +1,8 @@
 import type { ObjectDirective, Reactive } from 'vue'
-import type { MouseInElementOptions, UseMouseInElementReturn } from '.'
+import type { MouseInElementOptions, UseMouseInElementReturn } from './index'
 import { reactiveOmit } from '@vueuse/shared'
 import { reactive, watch } from 'vue'
-import { useMouseInElement } from '.'
+import { useMouseInElement } from './index'
 
 type MouseInElement = Omit<UseMouseInElementReturn, 'stop'>
 type BindingValueFunction = (mouse: Reactive<MouseInElement>) => void
diff --git a/packages/core/useMutationObserver/index.test.ts b/packages/core/useMutationObserver/index.test.ts
index a392b634f89..61568076f09 100644
--- a/packages/core/useMutationObserver/index.test.ts
+++ b/packages/core/useMutationObserver/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { computed, nextTick, ref } from 'vue'
-import { useMutationObserver } from '.'
+import { useMutationObserver } from './index'
 
 describe('useMutationObserver', () => {
   it('should be defined', () => {
diff --git a/packages/core/useNavigatorLanguage/index.test.ts b/packages/core/useNavigatorLanguage/index.test.ts
index 7133bc78582..6865adbcde1 100644
--- a/packages/core/useNavigatorLanguage/index.test.ts
+++ b/packages/core/useNavigatorLanguage/index.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { useNavigatorLanguage } from '.'
+import { useNavigatorLanguage } from './index'
 
 describe('useNavigatorLanguage', () => {
   it('should be defined', () => {
diff --git a/packages/core/useNow/index.test.ts b/packages/core/useNow/index.test.ts
index 08d074ecf46..d27957dc448 100644
--- a/packages/core/useNow/index.test.ts
+++ b/packages/core/useNow/index.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it, vi } from 'vitest'
-import { useNow } from '.'
+import { useNow } from './index'
 
 describe('useNow', () => {
   vi.useFakeTimers()
diff --git a/packages/core/useOffsetPagination/component.ts b/packages/core/useOffsetPagination/component.ts
index ee2f7aad099..445e68de6de 100644
--- a/packages/core/useOffsetPagination/component.ts
+++ b/packages/core/useOffsetPagination/component.ts
@@ -1,4 +1,4 @@
-import type { UseOffsetPaginationOptions } from '.'
+import type { UseOffsetPaginationOptions } from './index'
 import { useOffsetPagination } from '@vueuse/core'
 import { defineComponent, reactive } from 'vue'
 
diff --git a/packages/core/useOffsetPagination/index.test.ts b/packages/core/useOffsetPagination/index.test.ts
index f140508630e..e281464c350 100644
--- a/packages/core/useOffsetPagination/index.test.ts
+++ b/packages/core/useOffsetPagination/index.test.ts
@@ -1,7 +1,7 @@
-import type { UseOffsetPaginationOptions, UseOffsetPaginationReturn } from '.'
+import type { UseOffsetPaginationOptions, UseOffsetPaginationReturn } from './index'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { isRef, nextTick, ref } from 'vue'
-import { useOffsetPagination } from '.'
+import { useOffsetPagination } from './index'
 
 describe('useOffsetPagination', () => {
   it('should be defined', () => {
diff --git a/packages/core/useParentElement/index.test.ts b/packages/core/useParentElement/index.test.ts
index 8d68c810a65..5bf2bf73110 100644
--- a/packages/core/useParentElement/index.test.ts
+++ b/packages/core/useParentElement/index.test.ts
@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest'
 import { defineComponent, h, nextTick, ref } from 'vue'
-import { useParentElement } from '.'
 import { mount } from '../../.test'
+import { useParentElement } from './index'
 
 describe('useParentElement', () => {
   it('should be defined', () => {
diff --git a/packages/core/usePointerSwipe/index.test.ts b/packages/core/usePointerSwipe/index.test.ts
index 4c86c942470..df448e17fe3 100644
--- a/packages/core/usePointerSwipe/index.test.ts
+++ b/packages/core/usePointerSwipe/index.test.ts
@@ -1,6 +1,6 @@
-import type { UsePointerSwipeOptions } from '.'
+import type { UsePointerSwipeOptions } from './index'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { usePointerSwipe } from '.'
+import { usePointerSwipe } from './index'
 
 function mockPointerEventInit(x: number, y: number): PointerEventInit {
   return {
diff --git a/packages/core/usePrevious/index.test.ts b/packages/core/usePrevious/index.test.ts
index d6fb71f4b8f..48c4283feee 100644
--- a/packages/core/usePrevious/index.test.ts
+++ b/packages/core/usePrevious/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { usePrevious } from '.'
+import { usePrevious } from './index'
 
 describe('usePrevious', () => {
   it('works for literals', () => {
diff --git a/packages/core/useRafFn/index.test.ts b/packages/core/useRafFn/index.test.ts
index e040d59a145..b01490336bd 100644
--- a/packages/core/useRafFn/index.test.ts
+++ b/packages/core/useRafFn/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { ref } from 'vue'
-import { useRafFn } from '.'
+import { useRafFn } from './index'
 
 describe('useRafFn', () => {
   it('should be defined', () => {
diff --git a/packages/core/useRefHistory/index.test.ts b/packages/core/useRefHistory/index.test.ts
index 6503c82fa0d..2b98a962887 100644
--- a/packages/core/useRefHistory/index.test.ts
+++ b/packages/core/useRefHistory/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { nextTick, ref } from 'vue'
-import { useRefHistory } from '.'
+import { useRefHistory } from './index'
 
 describe('useRefHistory - sync', () => {
   it('sync: should record', () => {
diff --git a/packages/core/useResizeObserver/directive.test.ts b/packages/core/useResizeObserver/directive.test.ts
index 5af56c5c52b..aa951cd8d71 100644
--- a/packages/core/useResizeObserver/directive.test.ts
+++ b/packages/core/useResizeObserver/directive.test.ts
@@ -1,5 +1,5 @@
 import type { VueWrapper } from '@vue/test-utils'
-import type { UseResizeObserverOptions } from '.'
+import type { UseResizeObserverOptions } from './index'
 import { mount } from '@vue/test-utils'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { defineComponent } from 'vue'
diff --git a/packages/core/useResizeObserver/directive.ts b/packages/core/useResizeObserver/directive.ts
index 5b969a9de3c..997ccfd30b7 100644
--- a/packages/core/useResizeObserver/directive.ts
+++ b/packages/core/useResizeObserver/directive.ts
@@ -1,6 +1,6 @@
 import type { ObjectDirective } from 'vue'
-import type { ResizeObserverCallback, UseResizeObserverOptions } from '.'
-import { useResizeObserver } from '.'
+import type { ResizeObserverCallback, UseResizeObserverOptions } from './index'
+import { useResizeObserver } from './index'
 
 type BindingValueFunction = ResizeObserverCallback
 
diff --git a/packages/core/useSSRWidth/index.test.ts b/packages/core/useSSRWidth/index.test.ts
index 14ae3ad192a..5d8b2205049 100644
--- a/packages/core/useSSRWidth/index.test.ts
+++ b/packages/core/useSSRWidth/index.test.ts
@@ -1,7 +1,7 @@
 import { mount } from '@vue/test-utils'
 import { describe, expect, it } from 'vitest'
 import { createSSRApp, h } from 'vue'
-import { provideSSRWidth, useSSRWidth } from '.'
+import { provideSSRWidth, useSSRWidth } from './index'
 
 describe('useSSRWidth', () => {
   it('should be undefined by default', () => {
diff --git a/packages/core/useScreenOrientation/demo.vue b/packages/core/useScreenOrientation/demo.vue
index 8ae14401846..db186383cd2 100644
--- a/packages/core/useScreenOrientation/demo.vue
+++ b/packages/core/useScreenOrientation/demo.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useScreenOrientation } from '.'
+import { useScreenOrientation } from './index'
 
 const { isSupported, orientation, angle } = useScreenOrientation()
 </script>
diff --git a/packages/core/useScreenOrientation/index.test.ts b/packages/core/useScreenOrientation/index.test.ts
index 483f4f1f9c1..6426d51c8c6 100644
--- a/packages/core/useScreenOrientation/index.test.ts
+++ b/packages/core/useScreenOrientation/index.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { useScreenOrientation } from '.'
+import { useScreenOrientation } from './index'
 
 describe('useScreenOrientation', () => {
   it('should be defined', () => {
diff --git a/packages/core/useScreenSafeArea/component.ts b/packages/core/useScreenSafeArea/component.ts
index 3337a4d7923..a87495e2585 100644
--- a/packages/core/useScreenSafeArea/component.ts
+++ b/packages/core/useScreenSafeArea/component.ts
@@ -1,5 +1,5 @@
 import { defineComponent, h } from 'vue'
-import { useScreenSafeArea } from '.'
+import { useScreenSafeArea } from './index'
 
 export const UseScreenSafeArea = /* #__PURE__ */ defineComponent({
   name: 'UseScreenSafeArea',
diff --git a/packages/core/useScriptTag/index.test.ts b/packages/core/useScriptTag/index.test.ts
index 0a4202f7c56..0ab4fd45ecf 100644
--- a/packages/core/useScriptTag/index.test.ts
+++ b/packages/core/useScriptTag/index.test.ts
@@ -1,6 +1,6 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { useScriptTag } from '.'
 import { useSetup } from '../../.test'
+import { useScriptTag } from './index'
 
 describe('useScriptTag', () => {
   const src = 'https://code.jquery.com/jquery-3.5.1.min.js'
diff --git a/packages/core/useScroll/directive.test.ts b/packages/core/useScroll/directive.test.ts
index f80ed1fc903..2602f4330a9 100644
--- a/packages/core/useScroll/directive.test.ts
+++ b/packages/core/useScroll/directive.test.ts
@@ -1,5 +1,5 @@
 import type { VueWrapper } from '@vue/test-utils'
-import type { UseScrollOptions } from '.'
+import type { UseScrollOptions } from './index'
 import { mount } from '@vue/test-utils'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { defineComponent } from 'vue'
diff --git a/packages/core/useScroll/directive.ts b/packages/core/useScroll/directive.ts
index b82c0d0f5ff..1624be1337d 100644
--- a/packages/core/useScroll/directive.ts
+++ b/packages/core/useScroll/directive.ts
@@ -1,6 +1,6 @@
 import type { ObjectDirective } from 'vue'
-import type { UseScrollOptions, UseScrollReturn } from '.'
-import { useScroll } from '.'
+import type { UseScrollOptions, UseScrollReturn } from './index'
+import { useScroll } from './index'
 
 type BindingValueFunction = (state: UseScrollReturn) => void
 
diff --git a/packages/core/useScroll/index.test.ts b/packages/core/useScroll/index.test.ts
index efe6a7b4f4c..5d009d21906 100644
--- a/packages/core/useScroll/index.test.ts
+++ b/packages/core/useScroll/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { reactive } from 'vue'
-import { useScroll } from '.'
+import { useScroll } from './index'
 
 describe('useScroll', () => {
   it('should be defined', () => {
diff --git a/packages/core/useScrollLock/directive.ts b/packages/core/useScrollLock/directive.ts
index 13776675c9f..8761eda2f86 100644
--- a/packages/core/useScrollLock/directive.ts
+++ b/packages/core/useScrollLock/directive.ts
@@ -1,6 +1,6 @@
 import type { FunctionDirective } from 'vue'
 import { ref, watch } from 'vue'
-import { useScrollLock } from '.'
+import { useScrollLock } from './index'
 
 function onScrollLock(): FunctionDirective<
   HTMLElement,
diff --git a/packages/core/useScrollLock/index.test.ts b/packages/core/useScrollLock/index.test.ts
index 80efed7ba54..4c35f505cf6 100644
--- a/packages/core/useScrollLock/index.test.ts
+++ b/packages/core/useScrollLock/index.test.ts
@@ -1,7 +1,7 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { defineComponent, h } from 'vue'
-import { useScrollLock } from '.'
 import { mount } from '../../.test'
+import { useScrollLock } from './index'
 
 describe('useScrollLock', () => {
   let targetEl: HTMLElement
diff --git a/packages/core/useSorted/demo.vue b/packages/core/useSorted/demo.vue
index 8b12ce32b5f..a15d2728cb2 100644
--- a/packages/core/useSorted/demo.vue
+++ b/packages/core/useSorted/demo.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { rand } from '@vueuse/shared'
 import { computed, ref } from 'vue'
-import { useSorted } from '.'
+import { useSorted } from './index'
 
 const objArr = [{
   name: 'John',
diff --git a/packages/core/useSorted/index.test.ts b/packages/core/useSorted/index.test.ts
index e1d1382484a..b141e06de09 100644
--- a/packages/core/useSorted/index.test.ts
+++ b/packages/core/useSorted/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { toValue } from 'vue'
-import { useSorted } from '.'
+import { useSorted } from './index'
 
 interface User {
   name: string
diff --git a/packages/core/useStepper/index.test.ts b/packages/core/useStepper/index.test.ts
index f7162b470e6..8c406d71f8b 100644
--- a/packages/core/useStepper/index.test.ts
+++ b/packages/core/useStepper/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { reactive, ref } from 'vue'
-import { useStepper } from '.'
+import { useStepper } from './index'
 
 describe('useStepper', () => {
   it('should be defined', () => {
diff --git a/packages/core/useStorage/index.test.ts b/packages/core/useStorage/index.test.ts
index f7ab8d810ab..70ab634c9c3 100644
--- a/packages/core/useStorage/index.test.ts
+++ b/packages/core/useStorage/index.test.ts
@@ -1,8 +1,8 @@
 import { debounceFilter } from '@vueuse/shared'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { defineComponent, nextTick, ref, toRaw } from 'vue'
-import { customStorageEventName, StorageSerializers, useStorage } from '.'
 import { mount, nextTwoTick, useSetup } from '../../.test'
+import { customStorageEventName, StorageSerializers, useStorage } from './index'
 
 const KEY = 'custom-key'
 const ANOTHER_KEY = 'another-key'
diff --git a/packages/core/useSwipe/index.test.ts b/packages/core/useSwipe/index.test.ts
index f9d1f7e8d88..f296bd97000 100644
--- a/packages/core/useSwipe/index.test.ts
+++ b/packages/core/useSwipe/index.test.ts
@@ -1,5 +1,5 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { useSwipe } from '.'
+import { useSwipe } from './index'
 
 describe('useSwipe', () => {
   const target = document.createElement('div')
diff --git a/packages/core/useTemplateRefsList/index.test.ts b/packages/core/useTemplateRefsList/index.test.ts
index dec39b2286c..9675376adb3 100644
--- a/packages/core/useTemplateRefsList/index.test.ts
+++ b/packages/core/useTemplateRefsList/index.test.ts
@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest'
 import { defineComponent, h, nextTick, ref, toRefs } from 'vue'
-import { useTemplateRefsList } from '.'
 import { mount } from '../../.test'
+import { useTemplateRefsList } from './index'
 
 const Component1 = defineComponent({
   setup() {
diff --git a/packages/core/useTextDirection/demo.vue b/packages/core/useTextDirection/demo.vue
index 7477b3d3c89..e2edf5295c5 100644
--- a/packages/core/useTextDirection/demo.vue
+++ b/packages/core/useTextDirection/demo.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 
-import { useTextDirection } from '.'
+import { useTextDirection } from './index'
 
 const dir = useTextDirection({
   selector: '#_useTextDirectionDemo',
diff --git a/packages/core/useTextDirection/index.test.ts b/packages/core/useTextDirection/index.test.ts
index d3bcd8a1973..538932a6773 100644
--- a/packages/core/useTextDirection/index.test.ts
+++ b/packages/core/useTextDirection/index.test.ts
@@ -1,5 +1,5 @@
 import { afterEach, describe, expect, it } from 'vitest'
-import { useTextDirection } from '.'
+import { useTextDirection } from './index'
 
 describe('useTextDirection', () => {
   const htmlEl = document.documentElement
diff --git a/packages/core/useThrottledRefHistory/index.test.ts b/packages/core/useThrottledRefHistory/index.test.ts
index 63777ddf2a5..763853294f5 100644
--- a/packages/core/useThrottledRefHistory/index.test.ts
+++ b/packages/core/useThrottledRefHistory/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { ref } from 'vue'
-import { useThrottledRefHistory } from '.'
+import { useThrottledRefHistory } from './index'
 
 describe('useThrottledRefHistory - sync', () => {
   it('take first snapshot right after data was changed and second after given time', async () => {
diff --git a/packages/core/useTimeAgo/index.test.ts b/packages/core/useTimeAgo/index.test.ts
index 68344666720..76a774ee72e 100644
--- a/packages/core/useTimeAgo/index.test.ts
+++ b/packages/core/useTimeAgo/index.test.ts
@@ -2,7 +2,7 @@ import type { ComputedRef } from 'vue'
 import { timestamp } from '@vueuse/shared'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { computed, ref } from 'vue'
-import { useTimeAgo } from '.'
+import { useTimeAgo } from './index'
 
 type TimeUnit = 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year'
 
diff --git a/packages/core/useTimeoutPoll/index.test.ts b/packages/core/useTimeoutPoll/index.test.ts
index 3672c680416..789ca8bc7a0 100644
--- a/packages/core/useTimeoutPoll/index.test.ts
+++ b/packages/core/useTimeoutPoll/index.test.ts
@@ -1,6 +1,6 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { effectScope, ref } from 'vue'
-import { useTimeoutPoll } from '.'
+import { useTimeoutPoll } from './index'
 
 describe('useTimeoutPoll', () => {
   beforeEach(() => {
diff --git a/packages/core/useTimestamp/index.test.ts b/packages/core/useTimestamp/index.test.ts
index 7805595e464..227a143f5f5 100644
--- a/packages/core/useTimestamp/index.test.ts
+++ b/packages/core/useTimestamp/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { ref } from 'vue'
-import { useTimestamp } from '.'
+import { useTimestamp } from './index'
 
 describe('useTimestamp', () => {
   vi.useFakeTimers()
diff --git a/packages/core/useTitle/index.test.ts b/packages/core/useTitle/index.test.ts
index a23f522f2d9..dd54e203cd1 100644
--- a/packages/core/useTitle/index.test.ts
+++ b/packages/core/useTitle/index.test.ts
@@ -1,7 +1,7 @@
 import type { ComputedRef, Ref } from 'vue'
 import { beforeEach, describe, expect, expectTypeOf, it } from 'vitest'
 import { computed, isReadonly, ref } from 'vue'
-import { useTitle } from '.'
+import { useTitle } from './index'
 
 const defaultTitle = 'VueUse testing'
 
diff --git a/packages/core/useTransition/index.test.ts b/packages/core/useTransition/index.test.ts
index c0426ad17f9..5f93c666137 100644
--- a/packages/core/useTransition/index.test.ts
+++ b/packages/core/useTransition/index.test.ts
@@ -1,7 +1,7 @@
 import { promiseTimeout } from '@vueuse/shared'
 import { describe, expect, it, vi } from 'vitest'
 import { ref } from 'vue'
-import { executeTransition, useTransition } from '.'
+import { executeTransition, useTransition } from './index'
 
 function expectBetween(val: number, floor: number, ceiling: number) {
   expect(val).to.be.greaterThan(floor)
diff --git a/packages/core/useUrlSearchParams/index.test.ts b/packages/core/useUrlSearchParams/index.test.ts
index d26b8cc3f60..f9d85a88e77 100644
--- a/packages/core/useUrlSearchParams/index.test.ts
+++ b/packages/core/useUrlSearchParams/index.test.ts
@@ -1,6 +1,6 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { nextTick } from 'vue'
-import { useUrlSearchParams } from '.'
+import { useUrlSearchParams } from './index'
 
 describe('useUrlSearchParams', () => {
   const baseURL = 'https://vueuse.org'
diff --git a/packages/core/useVModel/index.test.ts b/packages/core/useVModel/index.test.ts
index 9385e8721bc..7584ca1fa0e 100644
--- a/packages/core/useVModel/index.test.ts
+++ b/packages/core/useVModel/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { nextTick } from 'vue'
-import { useVModel } from '.'
+import { useVModel } from './index'
 
 describe('useVModel', () => {
   const defaultKey = 'modelValue'
diff --git a/packages/core/useVirtualList/index.test.ts b/packages/core/useVirtualList/index.test.ts
index 1f8fe6fe14c..462bcc2be5f 100644
--- a/packages/core/useVirtualList/index.test.ts
+++ b/packages/core/useVirtualList/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useVirtualList } from '.'
+import { useVirtualList } from './index'
 
 describe('useVirtualList', () => {
   it('should be defined', () => {
diff --git a/packages/core/useWakeLock/index.test.ts b/packages/core/useWakeLock/index.test.ts
index e4679e6c93f..96d37ca46bf 100644
--- a/packages/core/useWakeLock/index.test.ts
+++ b/packages/core/useWakeLock/index.test.ts
@@ -1,7 +1,7 @@
-import type { WakeLockSentinel } from '.'
+import type { WakeLockSentinel } from './index'
 import { describe, expect, it, vi } from 'vitest'
 import { nextTick } from 'vue'
-import { useWakeLock } from '.'
+import { useWakeLock } from './index'
 
 class MockWakeLockSentinel extends EventTarget {
   released = false
diff --git a/packages/core/useWebSocket/index.test.ts b/packages/core/useWebSocket/index.test.ts
index 680ccb5d043..1ec8e67d058 100644
--- a/packages/core/useWebSocket/index.test.ts
+++ b/packages/core/useWebSocket/index.test.ts
@@ -1,8 +1,8 @@
-import type { UseWebSocketReturn } from '.'
+import type { UseWebSocketReturn } from './index'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { nextTick, ref } from 'vue'
-import { useWebSocket } from '.'
 import { useSetup } from '../../.test'
+import { useWebSocket } from './index'
 
 describe('useWebSocket', () => {
   const mockWebSocket = vi.fn<(host: string) => WebSocket>()
diff --git a/packages/core/useWindowScroll/index.test.ts b/packages/core/useWindowScroll/index.test.ts
index 465f050d3f0..55c87eb5ac0 100644
--- a/packages/core/useWindowScroll/index.test.ts
+++ b/packages/core/useWindowScroll/index.test.ts
@@ -1,7 +1,7 @@
 import { useScroll } from '@vueuse/core'
 import { describe, expect, it } from 'vitest'
 import { reactive } from 'vue'
-import { useWindowScroll } from '.'
+import { useWindowScroll } from './index'
 
 describe('useWindowScroll', () => {
   it('should be defined', () => {
diff --git a/packages/core/useWindowSize/index.test.ts b/packages/core/useWindowSize/index.test.ts
index 3d39fefe622..9b8fe9ed9e4 100644
--- a/packages/core/useWindowSize/index.test.ts
+++ b/packages/core/useWindowSize/index.test.ts
@@ -1,6 +1,6 @@
 import { afterAll, describe, expect, it, vi } from 'vitest'
 import { nextTick } from 'vue'
-import { useWindowSize } from '.'
+import { useWindowSize } from './index'
 
 describe('useWindowSize', () => {
   const addEventListenerSpy = vi.spyOn(window, 'addEventListener')
diff --git a/packages/electron/package.json b/packages/electron/package.json
index 44aad1e6a4d..6dcecb4728e 100644
--- a/packages/electron/package.json
+++ b/packages/electron/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vueuse/electron",
   "type": "module",
-  "version": "12.6.0",
+  "version": "12.6.1",
   "description": "Electron renderer process modules for VueUse",
   "author": "Archer Gu<https://github.com/ArcherGu>",
   "license": "MIT",
diff --git a/packages/firebase/package.json b/packages/firebase/package.json
index 3366d1802dc..648d49d48a0 100644
--- a/packages/firebase/package.json
+++ b/packages/firebase/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vueuse/firebase",
   "type": "module",
-  "version": "12.6.0",
+  "version": "12.6.1",
   "description": "Enables realtime bindings for Firebase",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
diff --git a/packages/firebase/useFirestore/index.test.ts b/packages/firebase/useFirestore/index.test.ts
index 2503b0fefbf..c20ff9b8017 100644
--- a/packages/firebase/useFirestore/index.test.ts
+++ b/packages/firebase/useFirestore/index.test.ts
@@ -2,7 +2,7 @@ import type { Firestore } from 'firebase/firestore'
 import { collection, doc } from 'firebase/firestore'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { computed, effectScope, nextTick, ref } from 'vue'
-import { useFirestore } from '.'
+import { useFirestore } from './index'
 
 const dummyFirestore = {} as Firestore
 
diff --git a/packages/integrations/package.json b/packages/integrations/package.json
index 584dc97162d..bedee2f0059 100644
--- a/packages/integrations/package.json
+++ b/packages/integrations/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vueuse/integrations",
   "type": "module",
-  "version": "12.6.0",
+  "version": "12.6.1",
   "description": "Integration wrappers for utility libraries",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
diff --git a/packages/integrations/useAsyncValidator/component.ts b/packages/integrations/useAsyncValidator/component.ts
index 633304ffd99..7a2f62aea38 100644
--- a/packages/integrations/useAsyncValidator/component.ts
+++ b/packages/integrations/useAsyncValidator/component.ts
@@ -1,7 +1,7 @@
 import type { Rules } from 'async-validator'
 import type { PropType } from 'vue'
 import { defineComponent, reactive } from 'vue'
-import { useAsyncValidator } from '.'
+import { useAsyncValidator } from './index'
 
 export const UseAsyncValidator = /* #__PURE__ */ defineComponent({
   name: 'UseAsyncValidator',
diff --git a/packages/integrations/useAsyncValidator/demo.client.vue b/packages/integrations/useAsyncValidator/demo.client.vue
index f749f3ed050..7f684a609f3 100644
--- a/packages/integrations/useAsyncValidator/demo.client.vue
+++ b/packages/integrations/useAsyncValidator/demo.client.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { Rules } from 'async-validator'
 import { reactive } from 'vue'
-import { useAsyncValidator } from '.'
+import { useAsyncValidator } from './index'
 
 const form = reactive({ email: '', name: '', age: '' })
 const rules: Rules = {
diff --git a/packages/integrations/useAsyncValidator/index.test.ts b/packages/integrations/useAsyncValidator/index.test.ts
index ee3dc49beba..2c60411c99a 100644
--- a/packages/integrations/useAsyncValidator/index.test.ts
+++ b/packages/integrations/useAsyncValidator/index.test.ts
@@ -2,7 +2,7 @@ import type { Rules } from 'async-validator'
 import type { Ref } from 'vue'
 import { beforeEach, describe, expect, it } from 'vitest'
 import { nextTick, ref } from 'vue'
-import { useAsyncValidator } from '.'
+import { useAsyncValidator } from './index'
 
 describe('useAsyncValidator', () => {
   let form: {
diff --git a/packages/integrations/useAxios/demo.vue b/packages/integrations/useAxios/demo.vue
index 0bef35cc76c..3f40b4ccbb1 100644
--- a/packages/integrations/useAxios/demo.vue
+++ b/packages/integrations/useAxios/demo.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { stringify } from '@vueuse/docs-utils'
-import { useAxios } from '.'
+import { useAxios } from './index'
 
 const { data, isLoading, isFinished, execute, abort, isAborted } = useAxios(
   'https://jsonplaceholder.typicode.com/todos/1',
diff --git a/packages/integrations/useAxios/index.test.ts b/packages/integrations/useAxios/index.test.ts
index d8dc397ac9b..1e91bb1f1ee 100644
--- a/packages/integrations/useAxios/index.test.ts
+++ b/packages/integrations/useAxios/index.test.ts
@@ -1,10 +1,10 @@
 import type { RawAxiosRequestConfig } from 'axios'
-import type { UseAxiosOptions, UseAxiosOptionsBase, UseAxiosOptionsWithInitialData } from '.'
+import type { UseAxiosOptions, UseAxiosOptionsBase, UseAxiosOptionsWithInitialData } from './index'
 import axios from 'axios'
 import { describe, expect, expectTypeOf, it, vi } from 'vitest'
 import { nextTick } from 'vue'
-import { useAxios } from '.'
 import { isBelowNode18 } from '../../.test'
+import { useAxios } from './index'
 
 // The tests does not run properly below node 18
 describe.skipIf(isBelowNode18)('useAxios', () => {
diff --git a/packages/integrations/useChangeCase/demo.vue b/packages/integrations/useChangeCase/demo.vue
index af67ad875a4..54a9390bf21 100644
--- a/packages/integrations/useChangeCase/demo.vue
+++ b/packages/integrations/useChangeCase/demo.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { ChangeCaseType } from '.'
+import type { ChangeCaseType } from './index'
 import * as ChangeCase from 'change-case'
 import { ref } from 'vue'
-import { useChangeCase } from '.'
+import { useChangeCase } from './index'
 
 const transforms: any = Object.keys(ChangeCase).filter(v => v.endsWith('Case'))
 const input = ref('helloWorld')
diff --git a/packages/integrations/useChangeCase/index.test.ts b/packages/integrations/useChangeCase/index.test.ts
index 3579388bc2d..19203a1b107 100644
--- a/packages/integrations/useChangeCase/index.test.ts
+++ b/packages/integrations/useChangeCase/index.test.ts
@@ -1,8 +1,8 @@
 import type { Options } from 'change-case'
-import type { ChangeCaseType } from '.'
+import type { ChangeCaseType } from './index'
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useChangeCase } from '.'
+import { useChangeCase } from './index'
 
 describe('useChangeCase', () => {
   interface objectValue {
diff --git a/packages/integrations/useCookies/_demo.vue b/packages/integrations/useCookies/_demo.vue
index d1d1f0b03a7..9aa659914b4 100644
--- a/packages/integrations/useCookies/_demo.vue
+++ b/packages/integrations/useCookies/_demo.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useCookies } from '.'
+import { useCookies } from './index'
 
 const cookies = useCookies(['locale'])
 </script>
diff --git a/packages/integrations/useCookies/index.test.ts b/packages/integrations/useCookies/index.test.ts
index acbeb2c3d6e..6aefca92390 100644
--- a/packages/integrations/useCookies/index.test.ts
+++ b/packages/integrations/useCookies/index.test.ts
@@ -1,7 +1,7 @@
 import Cookie from 'universal-cookie'
 import { afterEach, describe, expect, it } from 'vitest'
 import { nextTick, watch } from 'vue'
-import { useCookies } from '.'
+import { useCookies } from './index'
 
 describe('useCookies', () => {
   afterEach(() => {
diff --git a/packages/integrations/useDrauu/demo.client.vue b/packages/integrations/useDrauu/demo.client.vue
index a78ece72adb..5422192bfbd 100644
--- a/packages/integrations/useDrauu/demo.client.vue
+++ b/packages/integrations/useDrauu/demo.client.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { toRefs } from '@vueuse/shared'
 import { ref } from 'vue'
-import { useDrauu } from '.'
 import Scrubber from '../../core/useMediaControls/components/Scrubber.vue'
+import { useDrauu } from './index'
 
 const colors = ref(['black', '#ef4444', '#22c55e', '#3b82f6'])
 const target = ref()
diff --git a/packages/integrations/useFocusTrap/component.ts b/packages/integrations/useFocusTrap/component.ts
index c6e55ada934..d3583fa2c5c 100644
--- a/packages/integrations/useFocusTrap/component.ts
+++ b/packages/integrations/useFocusTrap/component.ts
@@ -1,6 +1,6 @@
 import type { RenderableComponent } from '@vueuse/core'
 import type { FocusTrap } from 'focus-trap'
-import type { UseFocusTrapOptions } from '.'
+import type { UseFocusTrapOptions } from './index'
 import { unrefElement } from '@vueuse/core'
 import { createFocusTrap } from 'focus-trap'
 import { defineComponent, h, onScopeDispose, ref, watch } from 'vue'
diff --git a/packages/integrations/useFocusTrap/demo.vue b/packages/integrations/useFocusTrap/demo.vue
index 209d723b76b..1f0afb2e2f8 100644
--- a/packages/integrations/useFocusTrap/demo.vue
+++ b/packages/integrations/useFocusTrap/demo.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { useFocusTrap } from '.'
+import { useFocusTrap } from './index'
 
 const target = ref()
 const { hasFocus, activate, deactivate } = useFocusTrap(target)
diff --git a/packages/integrations/useFuse/demo.vue b/packages/integrations/useFuse/demo.vue
index 5cce9f85cda..52380f90c58 100644
--- a/packages/integrations/useFuse/demo.vue
+++ b/packages/integrations/useFuse/demo.vue
@@ -1,7 +1,7 @@
 <script setup lang='ts'>
-import type { UseFuseOptions } from '.'
+import type { UseFuseOptions } from './index'
 import { computed, ref, watch } from 'vue'
-import { useFuse } from '.'
+import { useFuse } from './index'
 
 interface DataItem {
   firstName: string
diff --git a/packages/integrations/useIDBKeyval/demo.client.vue b/packages/integrations/useIDBKeyval/demo.client.vue
index 734cdce3693..9f6ba38e475 100644
--- a/packages/integrations/useIDBKeyval/demo.client.vue
+++ b/packages/integrations/useIDBKeyval/demo.client.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { stringify } from '@vueuse/docs-utils'
-import { useIDBKeyval } from '.'
+import { useIDBKeyval } from './index'
 
 const KEY = 'vue-use-idb-keyval'
 
diff --git a/packages/integrations/useIDBKeyval/index.test.ts b/packages/integrations/useIDBKeyval/index.test.ts
index 3213b8b2d98..c40651e538b 100644
--- a/packages/integrations/useIDBKeyval/index.test.ts
+++ b/packages/integrations/useIDBKeyval/index.test.ts
@@ -1,7 +1,7 @@
 import { get, set } from 'idb-keyval'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { nextTick } from 'vue'
-import { useIDBKeyval } from '.'
+import { useIDBKeyval } from './index'
 
 const cache = {} as any
 
diff --git a/packages/integrations/useJwt/demo.vue b/packages/integrations/useJwt/demo.vue
index 74611ddf1d4..b1cdf995cb7 100644
--- a/packages/integrations/useJwt/demo.vue
+++ b/packages/integrations/useJwt/demo.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 
-import { useJwt } from '.'
+import { useJwt } from './index'
 
 const encodedJwt = ref('eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwiaWF0IjoxNTE2MjM5MDIyfQ.L8i6g3PfcHlioHCCPURC9pmXT7gdJpx3kOoyAfNUwCc')
 const { header, payload } = useJwt(encodedJwt)
diff --git a/packages/integrations/useJwt/index.test.ts b/packages/integrations/useJwt/index.test.ts
index d5af2a9d592..8ff6e637ac5 100644
--- a/packages/integrations/useJwt/index.test.ts
+++ b/packages/integrations/useJwt/index.test.ts
@@ -1,7 +1,7 @@
 import type { JwtHeader, JwtPayload } from 'jwt-decode'
 import { describe, expect, it, vi } from 'vitest'
 import { ref } from 'vue'
-import { useJwt } from '.'
+import { useJwt } from './index'
 
 interface CustomJwtHeader extends JwtHeader {
   foo: string
diff --git a/packages/integrations/useNProgress/demo.vue b/packages/integrations/useNProgress/demo.vue
index e3c2fb3a60d..4931ddcf884 100644
--- a/packages/integrations/useNProgress/demo.vue
+++ b/packages/integrations/useNProgress/demo.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useNProgress } from '.'
+import { useNProgress } from './index'
 import './style.css'
 
 const { isLoading, progress } = useNProgress()
diff --git a/packages/integrations/useQRCode/demo.vue b/packages/integrations/useQRCode/demo.vue
index 6fc7f64d7ad..4773ed034ee 100644
--- a/packages/integrations/useQRCode/demo.vue
+++ b/packages/integrations/useQRCode/demo.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { useQRCode } from '.'
+import { useQRCode } from './index'
 
 const text = ref('https://vueuse.org')
 const qrcode = useQRCode(text, {
diff --git a/packages/integrations/useSortable/component.ts b/packages/integrations/useSortable/component.ts
index 1366c69148e..fc3265df1e8 100644
--- a/packages/integrations/useSortable/component.ts
+++ b/packages/integrations/useSortable/component.ts
@@ -1,8 +1,8 @@
 import type { PropType } from 'vue'
-import type { UseSortableOptions } from '.'
+import type { UseSortableOptions } from './index'
 import { useVModel } from '@vueuse/core'
 import { defineComponent, h, reactive, ref } from 'vue'
-import { useSortable } from '.'
+import { useSortable } from './index'
 
 export const UseSortable = /* #__PURE__ */ defineComponent({
   name: 'UseSortable',
diff --git a/packages/integrations/useSortable/demo.vue b/packages/integrations/useSortable/demo.vue
index 9aa29293b04..7d2aa616544 100644
--- a/packages/integrations/useSortable/demo.vue
+++ b/packages/integrations/useSortable/demo.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, useTemplateRef } from 'vue'
-import { useSortable } from '.'
+import { useSortable } from './index'
 
 const el = useTemplateRef<HTMLElement>('el')
 const list = ref([{ id: 1, name: 'a' }, { id: 2, name: 'b' }, { id: 3, name: 'c' }])
diff --git a/packages/math/createProjection/index.test.ts b/packages/math/createProjection/index.test.ts
index 3d1d19d0806..246896d5efe 100644
--- a/packages/math/createProjection/index.test.ts
+++ b/packages/math/createProjection/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { createProjection } from '.'
+import { createProjection } from './index'
 
 describe('createProjection', () => {
   it('should be defined', () => {
diff --git a/packages/math/logicAnd/index.test.ts b/packages/math/logicAnd/index.test.ts
index 4a0e3e6c5d5..5ecea19f7c3 100644
--- a/packages/math/logicAnd/index.test.ts
+++ b/packages/math/logicAnd/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref, toValue } from 'vue'
-import { logicAnd } from '.'
+import { logicAnd } from './index'
 
 describe('logicAnd', () => {
   it('should be defined', () => {
diff --git a/packages/math/logicNot/index.test.ts b/packages/math/logicNot/index.test.ts
index 194059df017..7a9781a0e5a 100644
--- a/packages/math/logicNot/index.test.ts
+++ b/packages/math/logicNot/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref, toValue } from 'vue'
-import { logicNot } from '.'
+import { logicNot } from './index'
 
 describe('logicNot', () => {
   it('should be defined', () => {
diff --git a/packages/math/logicOr/index.test.ts b/packages/math/logicOr/index.test.ts
index 0cdaaeb16ac..d60d626979d 100644
--- a/packages/math/logicOr/index.test.ts
+++ b/packages/math/logicOr/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref, toValue } from 'vue'
-import { logicOr } from '.'
+import { logicOr } from './index'
 
 describe('logicOr', () => {
   it('should be defined', () => {
diff --git a/packages/math/package.json b/packages/math/package.json
index 8ff49ee3f11..f49375bb852 100644
--- a/packages/math/package.json
+++ b/packages/math/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vueuse/math",
   "type": "module",
-  "version": "12.6.0",
+  "version": "12.6.1",
   "description": "Math functions for VueUse",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
diff --git a/packages/math/useAbs/index.test.ts b/packages/math/useAbs/index.test.ts
index 2061583823e..6ea65a92a94 100644
--- a/packages/math/useAbs/index.test.ts
+++ b/packages/math/useAbs/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useAbs } from '.'
+import { useAbs } from './index'
 
 describe('useAbs', () => {
   it('should be defined', () => {
diff --git a/packages/math/useAverage/index.test.ts b/packages/math/useAverage/index.test.ts
index dd7ab17b110..6f741619f3b 100644
--- a/packages/math/useAverage/index.test.ts
+++ b/packages/math/useAverage/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useAverage } from '.'
+import { useAverage } from './index'
 
 describe('useAverage', () => {
   it('should be defined', () => {
diff --git a/packages/math/useCeil/index.test.ts b/packages/math/useCeil/index.test.ts
index 5d51a48132a..52d8792e140 100644
--- a/packages/math/useCeil/index.test.ts
+++ b/packages/math/useCeil/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useCeil } from '.'
+import { useCeil } from './index'
 
 describe('useCeil', () => {
   it('should be defined', () => {
diff --git a/packages/math/useClamp/index.test.ts b/packages/math/useClamp/index.test.ts
index 6c2c909818f..3ffad6b8693 100644
--- a/packages/math/useClamp/index.test.ts
+++ b/packages/math/useClamp/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { computed, isReadonly, ref } from 'vue'
-import { useClamp } from '.'
+import { useClamp } from './index'
 
 describe('useClamp', () => {
   it('should be defined', () => {
diff --git a/packages/math/useFloor/index.test.ts b/packages/math/useFloor/index.test.ts
index 4f688c0fd70..acc054e01b5 100644
--- a/packages/math/useFloor/index.test.ts
+++ b/packages/math/useFloor/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useFloor } from '.'
+import { useFloor } from './index'
 
 describe('useFloor', () => {
   it('should be defined', () => {
diff --git a/packages/math/useMath/index.test.ts b/packages/math/useMath/index.test.ts
index c41b3f8277a..a198dee6713 100644
--- a/packages/math/useMath/index.test.ts
+++ b/packages/math/useMath/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useMath } from '.'
+import { useMath } from './index'
 
 describe('useMath', () => {
   it('should be defined', () => {
diff --git a/packages/math/useMax/index.test.ts b/packages/math/useMax/index.test.ts
index 38e1009ed3f..5be0fd321d1 100644
--- a/packages/math/useMax/index.test.ts
+++ b/packages/math/useMax/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useMax } from '.'
+import { useMax } from './index'
 
 describe('useMax', () => {
   it('should be defined', () => {
diff --git a/packages/math/useMin/index.test.ts b/packages/math/useMin/index.test.ts
index 0bbe2832990..20be08a1fe3 100644
--- a/packages/math/useMin/index.test.ts
+++ b/packages/math/useMin/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useMin } from '.'
+import { useMin } from './index'
 
 describe('useMin', () => {
   it('should be defined', () => {
diff --git a/packages/math/usePrecision/index.test.ts b/packages/math/usePrecision/index.test.ts
index ea361ed391c..9d7b63dd876 100644
--- a/packages/math/usePrecision/index.test.ts
+++ b/packages/math/usePrecision/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { usePrecision } from '.'
+import { usePrecision } from './index'
 
 describe('usePrecision', () => {
   it('should be defined', () => {
diff --git a/packages/math/useProjection/demo.vue b/packages/math/useProjection/demo.vue
index f20c90d3e45..7bd22394a0d 100644
--- a/packages/math/useProjection/demo.vue
+++ b/packages/math/useProjection/demo.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { useProjection } from '.'
+import { useProjection } from './index'
 
 const from = ref<[number, number]>([0, 10])
 const to = ref<[number, number]>([10, 100])
diff --git a/packages/math/useProjection/index.test.ts b/packages/math/useProjection/index.test.ts
index 04ec25cd65d..5908a119db2 100644
--- a/packages/math/useProjection/index.test.ts
+++ b/packages/math/useProjection/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { isRef, ref } from 'vue'
-import { useProjection } from '.'
+import { useProjection } from './index'
 
 describe('useProjection', () => {
   it('should be defined', () => {
diff --git a/packages/math/useRound/index.test.ts b/packages/math/useRound/index.test.ts
index 96c9034b169..bc0f0cec027 100644
--- a/packages/math/useRound/index.test.ts
+++ b/packages/math/useRound/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useRound } from '.'
+import { useRound } from './index'
 
 describe('useRound', () => {
   it('should be defined', () => {
diff --git a/packages/math/useSum/index.test.ts b/packages/math/useSum/index.test.ts
index 762283224e8..e29fa9ec950 100644
--- a/packages/math/useSum/index.test.ts
+++ b/packages/math/useSum/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useSum } from '.'
+import { useSum } from './index'
 
 describe('useSum', () => {
   it('should be defined', () => {
diff --git a/packages/math/useTrunc/index.test.ts b/packages/math/useTrunc/index.test.ts
index 13c8d6e66b4..b98dd3c457a 100644
--- a/packages/math/useTrunc/index.test.ts
+++ b/packages/math/useTrunc/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useTrunc } from '.'
+import { useTrunc } from './index'
 
 // Returns:
 //  0        ->  0
diff --git a/packages/metadata/package.json b/packages/metadata/package.json
index c486af37bdc..95e1a580e5e 100644
--- a/packages/metadata/package.json
+++ b/packages/metadata/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vueuse/metadata",
   "type": "module",
-  "version": "12.6.0",
+  "version": "12.6.1",
   "description": "Metadata for VueUse functions",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
diff --git a/packages/nuxt/package.json b/packages/nuxt/package.json
index a736494e129..ee25709e88f 100644
--- a/packages/nuxt/package.json
+++ b/packages/nuxt/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vueuse/nuxt",
   "type": "module",
-  "version": "12.6.0",
+  "version": "12.6.1",
   "description": "VueUse Nuxt Module",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
diff --git a/packages/router/package.json b/packages/router/package.json
index e464688fad1..ad99a5d3085 100644
--- a/packages/router/package.json
+++ b/packages/router/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vueuse/router",
   "type": "module",
-  "version": "12.6.0",
+  "version": "12.6.1",
   "description": "Utilities for vue-router",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
diff --git a/packages/router/useRouteHash/index.test.ts b/packages/router/useRouteHash/index.test.ts
index b5453c3192d..8ed7c492c6c 100644
--- a/packages/router/useRouteHash/index.test.ts
+++ b/packages/router/useRouteHash/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { computed, nextTick, reactive, ref, watch } from 'vue'
-import { useRouteHash } from '.'
+import { useRouteHash } from './index'
 
 describe('useRouteHash', () => {
   const getRoute = (hash?: any) => reactive({
diff --git a/packages/router/useRouteParams/index.test.ts b/packages/router/useRouteParams/index.test.ts
index ebc604e6362..6f8cccd016b 100644
--- a/packages/router/useRouteParams/index.test.ts
+++ b/packages/router/useRouteParams/index.test.ts
@@ -1,7 +1,7 @@
 import type { Ref } from 'vue'
 import { describe, expect, it, vi } from 'vitest'
 import { computed, effectScope, nextTick, reactive, ref, watch } from 'vue'
-import { useRouteParams } from '.'
+import { useRouteParams } from './index'
 
 describe('useRouteParams', () => {
   const getRoute = (params: Record<string, any> = {}) => reactive({
diff --git a/packages/router/useRouteQuery/index.test.ts b/packages/router/useRouteQuery/index.test.ts
index 2f58c20f505..b1636f1e4fd 100644
--- a/packages/router/useRouteQuery/index.test.ts
+++ b/packages/router/useRouteQuery/index.test.ts
@@ -1,7 +1,7 @@
 import type { Ref } from 'vue'
 import { describe, expect, it, vi } from 'vitest'
 import { computed, effectScope, nextTick, reactive, ref, toValue, watch } from 'vue'
-import { useRouteQuery } from '.'
+import { useRouteQuery } from './index'
 
 describe('useRouteQuery', () => {
   const getRoute = (query: Record<string, any> = {}) => reactive({
diff --git a/packages/rxjs/from/_demo.vue b/packages/rxjs/from/_demo.vue
index 51ab4304212..def4af660c3 100644
--- a/packages/rxjs/from/_demo.vue
+++ b/packages/rxjs/from/_demo.vue
@@ -8,9 +8,9 @@ import {
   withLatestFrom,
 } from 'rxjs/operators'
 import { ref } from 'vue'
-import { from, fromEvent } from '.'
 import { toObserver } from '../toObserver'
 import { useSubscription } from '../useSubscription'
+import { from, fromEvent } from './index'
 
 const count = ref(0)
 const button = ref<HTMLButtonElement | null>(null)
diff --git a/packages/rxjs/package.json b/packages/rxjs/package.json
index b17f9299e28..4e2258e46f1 100644
--- a/packages/rxjs/package.json
+++ b/packages/rxjs/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vueuse/rxjs",
   "type": "module",
-  "version": "12.6.0",
+  "version": "12.6.1",
   "description": "Enables RxJS reactive functions in Vue",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
diff --git a/packages/rxjs/toObserver/_demo.vue b/packages/rxjs/toObserver/_demo.vue
index c8b0c9c62e0..0f0368681cb 100644
--- a/packages/rxjs/toObserver/_demo.vue
+++ b/packages/rxjs/toObserver/_demo.vue
@@ -9,9 +9,9 @@ import {
   withLatestFrom,
 } from 'rxjs/operators'
 import { ref } from 'vue'
-import { toObserver } from '.'
 import { from, fromEvent } from '../from'
 import { useSubscription } from '../useSubscription'
+import { toObserver } from './index'
 
 const count = ref(0)
 const button = ref<HTMLButtonElement | null>(null)
diff --git a/packages/rxjs/useExtractedObservable/_demo.vue b/packages/rxjs/useExtractedObservable/_demo.vue
index 382632c584d..65ba9f52c01 100644
--- a/packages/rxjs/useExtractedObservable/_demo.vue
+++ b/packages/rxjs/useExtractedObservable/_demo.vue
@@ -2,7 +2,7 @@
 import { interval } from 'rxjs'
 import { mapTo, scan, startWith } from 'rxjs/operators'
 import { ref } from 'vue'
-import { useExtractedObservable } from '.'
+import { useExtractedObservable } from './index'
 
 const start = ref(0)
 
diff --git a/packages/rxjs/useObservable/_demo.vue b/packages/rxjs/useObservable/_demo.vue
index 6076351697b..5711c0641a9 100644
--- a/packages/rxjs/useObservable/_demo.vue
+++ b/packages/rxjs/useObservable/_demo.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { interval } from 'rxjs'
 import { mapTo, scan, startWith } from 'rxjs/operators'
-import { useObservable } from '.'
+import { useObservable } from './index'
 
 const count = useObservable(
   interval(1000).pipe(
diff --git a/packages/rxjs/useObservable/index.test.ts b/packages/rxjs/useObservable/index.test.ts
index 0e0fd47b6df..8447e6dd1c5 100644
--- a/packages/rxjs/useObservable/index.test.ts
+++ b/packages/rxjs/useObservable/index.test.ts
@@ -2,7 +2,7 @@ import type { Observable } from 'rxjs'
 import { BehaviorSubject } from 'rxjs'
 import { delay } from 'rxjs/operators'
 import { beforeEach, describe, expect, it } from 'vitest'
-import { useObservable } from '.'
+import { useObservable } from './index'
 
 describe('useObservable', () => {
   let testDataSource: BehaviorSubject<TestPerson>
diff --git a/packages/rxjs/useSubject/demo.vue b/packages/rxjs/useSubject/demo.vue
index 02bd09badfc..7b214cd0d38 100644
--- a/packages/rxjs/useSubject/demo.vue
+++ b/packages/rxjs/useSubject/demo.vue
@@ -2,7 +2,7 @@
 import { tryOnScopeDispose } from '@vueuse/shared'
 import { BehaviorSubject } from 'rxjs'
 import { onMounted, watch } from 'vue'
-import { useSubject } from '.'
+import { useSubject } from './index'
 
 const countSubject = new BehaviorSubject(0)
 const count = useSubject(countSubject)
diff --git a/packages/rxjs/useSubject/index.test.ts b/packages/rxjs/useSubject/index.test.ts
index 97f3da25c7b..49a25701eb5 100644
--- a/packages/rxjs/useSubject/index.test.ts
+++ b/packages/rxjs/useSubject/index.test.ts
@@ -1,8 +1,8 @@
 import { BehaviorSubject, Subject } from 'rxjs'
 import { first, skip } from 'rxjs/operators'
 import { describe, expect, it } from 'vitest'
-import { useSubject } from '.'
 import { useInjectedSetup } from '../../.test'
+import { useSubject } from './index'
 
 describe('useSubject', () => {
   it('should be defined', () => {
diff --git a/packages/rxjs/useSubscription/_demo.vue b/packages/rxjs/useSubscription/_demo.vue
index 6c908fb6dce..18f97ab4e29 100644
--- a/packages/rxjs/useSubscription/_demo.vue
+++ b/packages/rxjs/useSubscription/_demo.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { interval } from 'rxjs'
 import { ref } from 'vue'
-import { useSubscription } from '.'
+import { useSubscription } from './index'
 
 const count = ref(0)
 useSubscription(
diff --git a/packages/shared/computedEager/index.test.ts b/packages/shared/computedEager/index.test.ts
index d2c7c616164..76467996809 100644
--- a/packages/shared/computedEager/index.test.ts
+++ b/packages/shared/computedEager/index.test.ts
@@ -1,7 +1,7 @@
 import { describe, expect, it, vi } from 'vitest'
 import { computed, ref, watch } from 'vue'
-import { computedEager } from '.'
 import { nextTwoTick } from '../../.test'
+import { computedEager } from './index'
 
 describe('computedEager', () => {
   it('should be defined', () => {
diff --git a/packages/shared/computedWithControl/index.test.ts b/packages/shared/computedWithControl/index.test.ts
index 8d4865e31b7..b85b4106cff 100644
--- a/packages/shared/computedWithControl/index.test.ts
+++ b/packages/shared/computedWithControl/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { computedWithControl, controlledComputed } from '.'
+import { computedWithControl, controlledComputed } from './index'
 
 describe('computedWithControl', () => {
   it('should export', () => {
diff --git a/packages/shared/createEventHook/index.test.ts b/packages/shared/createEventHook/index.test.ts
index 11ae00d0765..03be7ffd68b 100644
--- a/packages/shared/createEventHook/index.test.ts
+++ b/packages/shared/createEventHook/index.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it, vi } from 'vitest'
-import { createEventHook } from '.'
+import { createEventHook } from './index'
 
 describe('createEventHook', () => {
   it('should be defined', () => {
diff --git a/packages/shared/createGlobalState/index.test.ts b/packages/shared/createGlobalState/index.test.ts
index 8e2c75552c3..1d043176a49 100644
--- a/packages/shared/createGlobalState/index.test.ts
+++ b/packages/shared/createGlobalState/index.test.ts
@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest'
 import { computed, ref } from 'vue'
-import { createGlobalState } from '.'
 import { useSetup } from '../../.test'
+import { createGlobalState } from './index'
 
 describe('createGlobalState', () => {
   it('should work after dispose 1', async () => {
diff --git a/packages/shared/get/index.test.ts b/packages/shared/get/index.test.ts
index b760ec72d15..b1e08ac9cf2 100644
--- a/packages/shared/get/index.test.ts
+++ b/packages/shared/get/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { get } from '.'
+import { get } from './index'
 
 describe('get', () => {
   it('unref', () => {
diff --git a/packages/shared/isDefined/index.test.ts b/packages/shared/isDefined/index.test.ts
index 4688d3642e2..ff463094998 100644
--- a/packages/shared/isDefined/index.test.ts
+++ b/packages/shared/isDefined/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { computed, ref } from 'vue'
-import { isDefined } from '.'
+import { isDefined } from './index'
 
 describe('isDefined', () => {
   it('should be defined', () => {
diff --git a/packages/shared/package.json b/packages/shared/package.json
index 9134529fd9d..bd90fa38b62 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vueuse/shared",
   "type": "module",
-  "version": "12.6.0",
+  "version": "12.6.1",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
   "funding": "https://github.com/sponsors/antfu",
diff --git a/packages/shared/reactify/index.test.ts b/packages/shared/reactify/index.test.ts
index ecf95634964..72c139d9a9f 100644
--- a/packages/shared/reactify/index.test.ts
+++ b/packages/shared/reactify/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { reactify } from '.'
+import { reactify } from './index'
 
 describe('reactify', () => {
   it('one arg', () => {
diff --git a/packages/shared/reactifyObject/index.test.ts b/packages/shared/reactifyObject/index.test.ts
index 56fa75d471b..8ac7c9bd433 100644
--- a/packages/shared/reactifyObject/index.test.ts
+++ b/packages/shared/reactifyObject/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { reactifyObject } from '.'
+import { reactifyObject } from './index'
 
 describe('reactifyObject', () => {
   it('math', () => {
diff --git a/packages/shared/reactiveComputed/index.test.ts b/packages/shared/reactiveComputed/index.test.ts
index a4ff2281f2d..30d6f5b3332 100644
--- a/packages/shared/reactiveComputed/index.test.ts
+++ b/packages/shared/reactiveComputed/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, expectTypeOf, it } from 'vitest'
 import { nextTick, ref, watch, watchEffect } from 'vue'
-import { reactiveComputed } from '.'
+import { reactiveComputed } from './index'
 
 describe('reactiveComputed', () => {
   it('should work', () => {
diff --git a/packages/shared/reactiveOmit/index.test.ts b/packages/shared/reactiveOmit/index.test.ts
index 208435ed745..25fceec93d1 100644
--- a/packages/shared/reactiveOmit/index.test.ts
+++ b/packages/shared/reactiveOmit/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { reactive } from 'vue'
-import { reactiveOmit } from '.'
+import { reactiveOmit } from './index'
 
 interface TargetObject {
   foo: string
diff --git a/packages/shared/refAutoReset/index.test.ts b/packages/shared/refAutoReset/index.test.ts
index 2f95dcbf864..c2cba46da53 100644
--- a/packages/shared/refAutoReset/index.test.ts
+++ b/packages/shared/refAutoReset/index.test.ts
@@ -1,7 +1,7 @@
 import type { Ref } from 'vue'
 import { describe, expect, it, vi } from 'vitest'
 import { effectScope, ref } from 'vue'
-import { autoResetRef, refAutoReset } from '.'
+import { autoResetRef, refAutoReset } from './index'
 
 describe('refAutoReset', () => {
   vi.useFakeTimers()
diff --git a/packages/shared/refWithControl/index.test.ts b/packages/shared/refWithControl/index.test.ts
index 2bd00780056..4d40d052c42 100644
--- a/packages/shared/refWithControl/index.test.ts
+++ b/packages/shared/refWithControl/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { isRef, watch, watchEffect } from 'vue'
-import { controlledRef, refWithControl } from '.'
+import { controlledRef, refWithControl } from './index'
 
 describe('controlledRef', () => {
   it('should export module', () => {
diff --git a/packages/shared/set/index.test.ts b/packages/shared/set/index.test.ts
index 957c20ae309..7e129888b70 100644
--- a/packages/shared/set/index.test.ts
+++ b/packages/shared/set/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { reactive, ref, watch } from 'vue'
-import { set } from '.'
+import { set } from './index'
 
 describe('set', () => {
   it('set ref', () => {
diff --git a/packages/shared/syncRef/index.test.ts b/packages/shared/syncRef/index.test.ts
index 6483e5c916a..6c72efb7525 100644
--- a/packages/shared/syncRef/index.test.ts
+++ b/packages/shared/syncRef/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { syncRef } from '.'
+import { syncRef } from './index'
 
 describe('syncRef', () => {
   it('should work', () => {
diff --git a/packages/shared/syncRefs/index.test.ts b/packages/shared/syncRefs/index.test.ts
index e46c6d0c8da..9ed979696e3 100644
--- a/packages/shared/syncRefs/index.test.ts
+++ b/packages/shared/syncRefs/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { syncRefs } from '.'
+import { syncRefs } from './index'
 
 describe('syncRefs', () => {
   it('should work with array', () => {
diff --git a/packages/shared/toReactive/index.test.ts b/packages/shared/toReactive/index.test.ts
index 29ee8c74458..acbbe857ff0 100644
--- a/packages/shared/toReactive/index.test.ts
+++ b/packages/shared/toReactive/index.test.ts
@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest'
 import { isReactive, nextTick, reactive, ref, watchSyncEffect } from 'vue'
-import { toReactive } from '.'
 import { toRefs } from '../toRefs'
+import { toReactive } from './index'
 
 describe('toReactive', () => {
   it('should be defined', () => {
diff --git a/packages/shared/toRefs/index.test.ts b/packages/shared/toRefs/index.test.ts
index ebecdccc683..e46d0cccd33 100644
--- a/packages/shared/toRefs/index.test.ts
+++ b/packages/shared/toRefs/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { computed, reactive, ref, watchSyncEffect } from 'vue'
-import { toRefs } from '.'
+import { toRefs } from './index'
 
 describe('toRefs', () => {
   it('should be defined', () => {
diff --git a/packages/shared/until/index.test.ts b/packages/shared/until/index.test.ts
index 400a88e76cf..0336388ec9b 100644
--- a/packages/shared/until/index.test.ts
+++ b/packages/shared/until/index.test.ts
@@ -3,7 +3,7 @@ import type { Ref } from 'vue'
 import { invoke } from '@vueuse/shared'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { ref } from 'vue'
-import { until } from '.'
+import { until } from './index'
 
 describe('until', () => {
   beforeEach(() => {
diff --git a/packages/shared/useArrayDifference/index.test.ts b/packages/shared/useArrayDifference/index.test.ts
index 621e7d4b6ad..9731a378e1d 100644
--- a/packages/shared/useArrayDifference/index.test.ts
+++ b/packages/shared/useArrayDifference/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useArrayDifference } from '.'
+import { useArrayDifference } from './index'
 
 describe('useArrayDifference', () => {
   it('should be defined', () => {
diff --git a/packages/shared/useArrayEvery/index.test.ts b/packages/shared/useArrayEvery/index.test.ts
index 24544bd30fe..b30ffcb9606 100644
--- a/packages/shared/useArrayEvery/index.test.ts
+++ b/packages/shared/useArrayEvery/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useArrayEvery } from '.'
+import { useArrayEvery } from './index'
 
 describe('useArrayEvery', () => {
   it('should be defined', () => {
diff --git a/packages/shared/useArrayFilter/index.test.ts b/packages/shared/useArrayFilter/index.test.ts
index aa5e240a0d3..77494bc3667 100644
--- a/packages/shared/useArrayFilter/index.test.ts
+++ b/packages/shared/useArrayFilter/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useArrayFilter } from '.'
+import { useArrayFilter } from './index'
 
 describe('useArrayFilter', () => {
   it('should be defined', () => {
diff --git a/packages/shared/useArrayFind/index.test.ts b/packages/shared/useArrayFind/index.test.ts
index a9b902fdd61..3a87c3c3186 100644
--- a/packages/shared/useArrayFind/index.test.ts
+++ b/packages/shared/useArrayFind/index.test.ts
@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest'
 import { reactive, ref } from 'vue'
-import { useArrayFind } from '.'
 import { useSetup } from '../../.test'
+import { useArrayFind } from './index'
 
 describe('useArrayFind', () => {
   it('should be defined', () => {
diff --git a/packages/shared/useArrayFindIndex/index.test.ts b/packages/shared/useArrayFindIndex/index.test.ts
index 5ec40549fa8..075b9d07874 100644
--- a/packages/shared/useArrayFindIndex/index.test.ts
+++ b/packages/shared/useArrayFindIndex/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useArrayFindIndex } from '.'
+import { useArrayFindIndex } from './index'
 
 describe('useArrayFindIndex', () => {
   it('should be defined', () => {
diff --git a/packages/shared/useArrayFindLast/index.test.ts b/packages/shared/useArrayFindLast/index.test.ts
index 978563d59ca..398e66d6fdd 100644
--- a/packages/shared/useArrayFindLast/index.test.ts
+++ b/packages/shared/useArrayFindLast/index.test.ts
@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest'
 import { reactive, ref } from 'vue'
-import { useArrayFindLast } from '.'
 import { useSetup } from '../../.test'
+import { useArrayFindLast } from './index'
 
 describe('useArrayFindLast', () => {
   it('should be defined', () => {
diff --git a/packages/shared/useArrayIncludes/index.test.ts b/packages/shared/useArrayIncludes/index.test.ts
index a3be63effeb..f8006da470c 100644
--- a/packages/shared/useArrayIncludes/index.test.ts
+++ b/packages/shared/useArrayIncludes/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useArrayIncludes } from '.'
+import { useArrayIncludes } from './index'
 
 describe('useArrayIncludes', () => {
   it('should be defined', () => {
diff --git a/packages/shared/useArrayJoin/index.test.ts b/packages/shared/useArrayJoin/index.test.ts
index ca2da36e819..37136dc475c 100644
--- a/packages/shared/useArrayJoin/index.test.ts
+++ b/packages/shared/useArrayJoin/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useArrayJoin } from '.'
+import { useArrayJoin } from './index'
 
 describe('useArrayJoin', () => {
   it('should be defined', () => {
diff --git a/packages/shared/useArrayMap/index.test.ts b/packages/shared/useArrayMap/index.test.ts
index 79715ff14fe..619ca8970e8 100644
--- a/packages/shared/useArrayMap/index.test.ts
+++ b/packages/shared/useArrayMap/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useArrayMap } from '.'
+import { useArrayMap } from './index'
 
 describe('useArrayMap', () => {
   it('should be defined', () => {
diff --git a/packages/shared/useArrayReduce/index.test.ts b/packages/shared/useArrayReduce/index.test.ts
index cacfafbce68..0ac9df1c3a3 100644
--- a/packages/shared/useArrayReduce/index.test.ts
+++ b/packages/shared/useArrayReduce/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { reactive, ref } from 'vue'
-import { useArrayReduce } from '.'
+import { useArrayReduce } from './index'
 
 describe('useArrayReduce', () => {
   it('should be defined', () => {
diff --git a/packages/shared/useArraySome/index.test.ts b/packages/shared/useArraySome/index.test.ts
index 2fcf625a6fb..9023cc13531 100644
--- a/packages/shared/useArraySome/index.test.ts
+++ b/packages/shared/useArraySome/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useArraySome } from '.'
+import { useArraySome } from './index'
 
 describe('useArraySome', () => {
   it('should be defined', () => {
diff --git a/packages/shared/useArrayUnique/index.test.ts b/packages/shared/useArrayUnique/index.test.ts
index 2c70d14ee92..ade6f00c921 100644
--- a/packages/shared/useArrayUnique/index.test.ts
+++ b/packages/shared/useArrayUnique/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { reactive, ref } from 'vue'
-import { useArrayUnique } from '.'
+import { useArrayUnique } from './index'
 
 describe('useArrayUnique', () => {
   it('should be defined', () => {
diff --git a/packages/shared/useCounter/index.test.ts b/packages/shared/useCounter/index.test.ts
index 26775e7e558..2b61e564dc4 100644
--- a/packages/shared/useCounter/index.test.ts
+++ b/packages/shared/useCounter/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useCounter } from '.'
+import { useCounter } from './index'
 
 describe('useCounter', () => {
   it('should be defined', () => {
diff --git a/packages/shared/useDateFormat/index.test.ts b/packages/shared/useDateFormat/index.test.ts
index 4a3ce8c7573..87d76ba20e5 100644
--- a/packages/shared/useDateFormat/index.test.ts
+++ b/packages/shared/useDateFormat/index.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { formatDate, normalizeDate, useDateFormat } from '.'
+import { formatDate, normalizeDate, useDateFormat } from './index'
 
 describe('useDateFormat', () => {
   it('should export module', () => {
diff --git a/packages/shared/useIntervalFn/index.test.ts b/packages/shared/useIntervalFn/index.test.ts
index 623745f6adb..f25f303646f 100644
--- a/packages/shared/useIntervalFn/index.test.ts
+++ b/packages/shared/useIntervalFn/index.test.ts
@@ -1,7 +1,7 @@
 import type { Pausable } from '../utils'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { effectScope, nextTick, ref } from 'vue'
-import { useIntervalFn } from '.'
+import { useIntervalFn } from './index'
 
 describe('useIntervalFn', () => {
   let callback = vi.fn()
diff --git a/packages/shared/useThrottleFn/index.test.ts b/packages/shared/useThrottleFn/index.test.ts
index 18f898ff8a6..7e234fcafe4 100644
--- a/packages/shared/useThrottleFn/index.test.ts
+++ b/packages/shared/useThrottleFn/index.test.ts
@@ -1,5 +1,5 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { useThrottleFn } from '.'
+import { useThrottleFn } from './index'
 
 describe('useThrottleFn', () => {
   beforeEach(() => {
diff --git a/packages/shared/useTimeout/index.test.ts b/packages/shared/useTimeout/index.test.ts
index f55a20ef2d4..f5b8c1cd1d3 100644
--- a/packages/shared/useTimeout/index.test.ts
+++ b/packages/shared/useTimeout/index.test.ts
@@ -1,6 +1,6 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { ref } from 'vue'
-import { useTimeout } from '.'
+import { useTimeout } from './index'
 
 describe('useTimeout', () => {
   beforeEach(() => {
diff --git a/packages/shared/useTimeoutFn/index.test.ts b/packages/shared/useTimeoutFn/index.test.ts
index ccd1439359c..ee877b728d8 100644
--- a/packages/shared/useTimeoutFn/index.test.ts
+++ b/packages/shared/useTimeoutFn/index.test.ts
@@ -1,6 +1,6 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { ref } from 'vue'
-import { useTimeoutFn } from '.'
+import { useTimeoutFn } from './index'
 
 describe('useTimeoutFn', () => {
   beforeEach(() => {
diff --git a/packages/shared/useToNumber/index.test.ts b/packages/shared/useToNumber/index.test.ts
index 706213885fc..91b6082501f 100644
--- a/packages/shared/useToNumber/index.test.ts
+++ b/packages/shared/useToNumber/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { ref } from 'vue'
-import { useToNumber } from '.'
+import { useToNumber } from './index'
 
 describe('useToNumber', () => {
   it('default', () => {
diff --git a/packages/shared/useToString/index.test.ts b/packages/shared/useToString/index.test.ts
index 760fd6ea034..4d7b1ac481e 100644
--- a/packages/shared/useToString/index.test.ts
+++ b/packages/shared/useToString/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { ref } from 'vue'
-import { useToString } from '.'
+import { useToString } from './index'
 
 describe('useToString', () => {
   it('default', () => {
diff --git a/packages/shared/useToggle/index.test.ts b/packages/shared/useToggle/index.test.ts
index 660c712406e..c8fa220917a 100644
--- a/packages/shared/useToggle/index.test.ts
+++ b/packages/shared/useToggle/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { isRef, ref, toValue } from 'vue'
-import { useToggle } from '.'
+import { useToggle } from './index'
 
 describe('useToggle', () => {
   it('should be defined', () => {
diff --git a/packages/shared/utils/index.test.ts b/packages/shared/utils/index.test.ts
index 0bad9bdb9d4..15c76a7d0c0 100644
--- a/packages/shared/utils/index.test.ts
+++ b/packages/shared/utils/index.test.ts
@@ -21,7 +21,7 @@ import {
   rand,
   throttleFilter,
   timestamp,
-} from '.'
+} from './index'
 
 describe('utils', () => {
   it('increaseWithUnit', () => {
diff --git a/packages/shared/watchArray/index.test.ts b/packages/shared/watchArray/index.test.ts
index 0257cfc4183..b795442b9ab 100644
--- a/packages/shared/watchArray/index.test.ts
+++ b/packages/shared/watchArray/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { nextTick, reactive, ref } from 'vue'
-import { watchArray } from '.'
+import { watchArray } from './index'
 
 describe('watchArray', () => {
   it('should work when two lists are different', async () => {
diff --git a/packages/shared/watchAtMost/index.test.ts b/packages/shared/watchAtMost/index.test.ts
index 1f67876df20..1fe1a064891 100644
--- a/packages/shared/watchAtMost/index.test.ts
+++ b/packages/shared/watchAtMost/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { nextTick, ref } from 'vue'
-import { watchAtMost } from '.'
+import { watchAtMost } from './index'
 
 describe('watchAtMost', () => {
   it('should work', async () => {
diff --git a/packages/shared/watchDebounced/index.test.ts b/packages/shared/watchDebounced/index.test.ts
index 9b40160bf62..68521cfd8bd 100644
--- a/packages/shared/watchDebounced/index.test.ts
+++ b/packages/shared/watchDebounced/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { nextTick, ref } from 'vue'
-import { debouncedWatch, watchDebounced } from '.'
+import { debouncedWatch, watchDebounced } from './index'
 
 describe('watchDebounced', () => {
   it('should export module', () => {
diff --git a/packages/shared/watchDeep/index.test.ts b/packages/shared/watchDeep/index.test.ts
index 1622964999b..26900a9419d 100644
--- a/packages/shared/watchDeep/index.test.ts
+++ b/packages/shared/watchDeep/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { nextTick, ref } from 'vue'
-import { watchDeep } from '.'
+import { watchDeep } from './index'
 
 describe('watchDeep', () => {
   it('should work when nested value is updated', async () => {
diff --git a/packages/shared/watchIgnorable/index.test.ts b/packages/shared/watchIgnorable/index.test.ts
index 30229134f16..5a22f26a1ca 100644
--- a/packages/shared/watchIgnorable/index.test.ts
+++ b/packages/shared/watchIgnorable/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { nextTick, ref } from 'vue'
-import { ignorableWatch, watchIgnorable } from '.'
+import { ignorableWatch, watchIgnorable } from './index'
 
 describe('watchIgnorable', () => {
   it('export module', () => {
diff --git a/packages/shared/watchImmediate/index.test.ts b/packages/shared/watchImmediate/index.test.ts
index ce53f9edd89..06816ff9157 100644
--- a/packages/shared/watchImmediate/index.test.ts
+++ b/packages/shared/watchImmediate/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { nextTick, ref } from 'vue'
-import { watchImmediate } from '.'
+import { watchImmediate } from './index'
 
 describe('watchImmediate', () => {
   it('should watch twice, once for immediate and one for value change', async () => {
diff --git a/packages/shared/watchOnce/index.test.ts b/packages/shared/watchOnce/index.test.ts
index 1437e2bd359..b4415605a65 100644
--- a/packages/shared/watchOnce/index.test.ts
+++ b/packages/shared/watchOnce/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { nextTick, ref } from 'vue'
-import { watchOnce } from '.'
+import { watchOnce } from './index'
 
 describe('watchOnce', () => {
   it('should work', async () => {
diff --git a/packages/shared/watchPausable/index.test.ts b/packages/shared/watchPausable/index.test.ts
index 04c816aafcc..856baba9fa8 100644
--- a/packages/shared/watchPausable/index.test.ts
+++ b/packages/shared/watchPausable/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { nextTick, ref } from 'vue'
-import { pausableWatch, watchPausable } from '.'
+import { pausableWatch, watchPausable } from './index'
 
 describe('watchPausable', () => {
   it('should export module', () => {
diff --git a/packages/shared/watchThrottled/index.test.ts b/packages/shared/watchThrottled/index.test.ts
index d18477a4ff8..dbb7e518da9 100644
--- a/packages/shared/watchThrottled/index.test.ts
+++ b/packages/shared/watchThrottled/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest'
 import { nextTick, ref } from 'vue'
-import { throttledWatch, watchThrottled } from '.'
+import { throttledWatch, watchThrottled } from './index'
 
 describe('watchThrottled', () => {
   it('should export module', () => {
diff --git a/packages/shared/watchTriggerable/index.test.ts b/packages/shared/watchTriggerable/index.test.ts
index ea072cbaca1..633767bb16f 100644
--- a/packages/shared/watchTriggerable/index.test.ts
+++ b/packages/shared/watchTriggerable/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 import { nextTick, reactive, ref } from 'vue'
-import { watchTriggerable } from '.'
+import { watchTriggerable } from './index'
 
 describe('watchTriggerable', () => {
   it('this should work', async () => {
diff --git a/packages/shared/whenever/index.test.ts b/packages/shared/whenever/index.test.ts
index 7db6502f030..13d125fd18c 100644
--- a/packages/shared/whenever/index.test.ts
+++ b/packages/shared/whenever/index.test.ts
@@ -1,8 +1,8 @@
 import type { Ref } from 'vue'
 import { describe, expect, it } from 'vitest'
 import { nextTick, ref, toValue } from 'vue'
-import { whenever } from '.'
 import { useSetup } from '../../.test'
+import { whenever } from './index'
 
 describe('whenever', () => {
   const expectType = <T>(value: T) => value