diff --git a/README.md b/README.md
index 6b56ee255..aff03de08 100644
--- a/README.md
+++ b/README.md
@@ -121,6 +121,26 @@ createRouter({
 })
 ```
 
+If you are using [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import), make sure to remove the `vue-router` preset and use the one exported by `unplugin-vue-router`:
+
+```diff
+ import { defineConfig } from 'vite'
+ import AutoImport from 'unplugin-auto-import/vite'
++import { VueRouterExports } from 'unplugin-vue-router'
+
+ export default defineConfig({
+   plugins: [
+     // other plugins
+     AutoImport({
+       imports: [
+-        'vue-router',
++        { '@vue-router': VueRouterExports },
+       ],
+     }),
+   ],
+ })
+```
+
 Make sure to also check and follow [the TypeScript section](#typescript) below **if you are using TypeScript or have a `jsconfig.json` file**.
 
 ## Configuration
diff --git a/package.json b/package.json
index 28501b5fc..b71573f0f 100644
--- a/package.json
+++ b/package.json
@@ -118,6 +118,7 @@
     "ts-expect": "^1.3.0",
     "tsup": "^6.1.3",
     "typescript": "^4.7.4",
+    "unplugin-auto-import": "^0.9.2",
     "vite": "^2.9.13",
     "vitest": "^0.17.0",
     "vue": "^3.2.37",
diff --git a/playground/auto-imports.d.ts b/playground/auto-imports.d.ts
new file mode 100644
index 000000000..096d0c3d3
--- /dev/null
+++ b/playground/auto-imports.d.ts
@@ -0,0 +1,6 @@
+// Generated by 'unplugin-auto-import'
+export {}
+declare global {
+  const useRoute: typeof import('@vue-router')['useRoute']
+  const useRouter: typeof import('@vue-router')['useRouter']
+}
diff --git a/playground/src/routes/[name].vue b/playground/src/routes/[name].vue
index a9afe054e..b1a3646be 100644
--- a/playground/src/routes/[name].vue
+++ b/playground/src/routes/[name].vue
@@ -1,10 +1,5 @@
 <script lang="ts" setup>
-import {
-  useRoute,
-  useRouter,
-  onBeforeRouteLeave,
-  onBeforeRouteUpdate,
-} from '@vue-router'
+import { onBeforeRouteLeave, onBeforeRouteUpdate } from '@vue-router'
 import type { RouterTyped, RouteRecordRaw } from '@vue-router'
 
 // const $route = useRoute()
diff --git a/playground/tsconfig.json b/playground/tsconfig.json
index 09ec83e40..2c3cd991d 100644
--- a/playground/tsconfig.json
+++ b/playground/tsconfig.json
@@ -1,6 +1,12 @@
 {
   "extends": "@vue/tsconfig/tsconfig.web.json",
-  "include": ["env.d.ts", "src/**/*", "src/**/*.vue", "typed-router.d.ts"],
+  "include": [
+    "env.d.ts",
+    "src/**/*",
+    "src/**/*.vue",
+    "typed-router.d.ts",
+    "./auto-imports.d.ts"
+  ],
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
diff --git a/playground/vite.config.ts b/playground/vite.config.ts
index 01af08455..b6a90e341 100644
--- a/playground/vite.config.ts
+++ b/playground/vite.config.ts
@@ -3,9 +3,14 @@ import { defineConfig } from 'vite'
 import Inspect from 'vite-plugin-inspect'
 // @ts-ignore: the plugin should not be checked in the playground
 import VueRouter from '../src/vite'
-import { getFileBasedRouteName, getPascalCaseRouteName } from '../src'
+import {
+  getFileBasedRouteName,
+  getPascalCaseRouteName,
+  VueRouterExports,
+} from '../src'
 import Vue from '@vitejs/plugin-vue'
 import { resolve } from 'path'
+import AutoImport from 'unplugin-auto-import/vite'
 
 export default defineConfig({
   clearScreen: false,
@@ -21,6 +26,13 @@ export default defineConfig({
         // './src/routes/**/*.spec.ts',
       ],
     }),
+    AutoImport({
+      imports: [
+        {
+          '@vue-router': VueRouterExports,
+        },
+      ],
+    }),
     Inspect(),
   ],
   resolve: {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0f0fdbae2..fbea35602 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -28,6 +28,7 @@ importers:
       tsup: ^6.1.3
       typescript: ^4.7.4
       unplugin: ^0.7.1
+      unplugin-auto-import: ^0.9.2
       vite: ^2.9.13
       vitest: ^0.17.0
       vue: ^3.2.37
@@ -62,6 +63,7 @@ importers:
       ts-expect: 1.3.0
       tsup: 6.1.3_typescript@4.7.4
       typescript: 4.7.4
+      unplugin-auto-import: 0.9.2_xksk6ykcssmhab4dbdyjruocau
       vite: 2.9.13
       vitest: 0.17.0_c8@7.11.3
       vue: 3.2.37
@@ -89,6 +91,10 @@ importers:
 
 packages:
 
+  /@antfu/utils/0.5.2:
+    resolution: {integrity: sha512-CQkeV+oJxUazwjlHD0/3ZD08QWKuGQkhnrKo3e6ly5pd48VUpXbb77q0xMU4+vc2CkJnDS02Eq/M9ugyX20XZA==}
+    dev: true
+
   /@babel/code-frame/7.18.6:
     resolution: {integrity: sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==}
     engines: {node: '>=6.9.0'}
@@ -1655,6 +1661,11 @@ packages:
     engines: {node: '>=0.8.0'}
     dev: true
 
+  /escape-string-regexp/5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+    dev: true
+
   /eslint-scope/5.1.1:
     resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
     engines: {node: '>=8.0.0'}
@@ -2254,6 +2265,10 @@ packages:
     hasBin: true
     dev: false
 
+  /jsonc-parser/3.0.0:
+    resolution: {integrity: sha512-fQzRfAbIBnR0IQvftw9FJveWiHp72Fg20giDrHz6TdfB12UH/uue0D3hm57UB5KgAVuniLMCaS8P1IMj9NR7cA==}
+    dev: true
+
   /jsonparse/1.3.1:
     resolution: {integrity: sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==}
     engines: {'0': node >= 0.2.0}
@@ -2436,6 +2451,13 @@ packages:
       sourcemap-codec: 1.4.8
     dev: true
 
+  /magic-string/0.26.2:
+    resolution: {integrity: sha512-NzzlXpclt5zAbmo6h6jNc8zl2gNRGHvmsZW4IvZhTC4W7k4OlLP+S5YLussa/r3ixNT66KOQfNORlXHSOy/X4A==}
+    engines: {node: '>=12'}
+    dependencies:
+      sourcemap-codec: 1.4.8
+    dev: true
+
   /make-dir/3.1.0:
     resolution: {integrity: sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==}
     engines: {node: '>=8'}
@@ -2533,6 +2555,13 @@ packages:
     resolution: {integrity: sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==}
     dev: true
 
+  /mlly/0.5.4:
+    resolution: {integrity: sha512-gFlsLWCjVwu/LM/ZfYUkmnbBoz7eyBIMUwVQYDqhd8IvtNFDeZ95uwAyxHE2Xx7tQwePQaCo4fECZ9MWFEUTgQ==}
+    dependencies:
+      pathe: 0.3.2
+      pkg-types: 0.3.3
+    dev: true
+
   /modify-values/1.0.1:
     resolution: {integrity: sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw==}
     engines: {node: '>=0.10.0'}
@@ -2827,7 +2856,6 @@ packages:
 
   /pathe/0.3.2:
     resolution: {integrity: sha512-qhnmX0TOqlCvdWWTkoM83wh5J8fZ2yhbDEc9MlsnAEtEc+JCwxUKEwmd6pkY9hRe6JR1Uecbc14VcAKX2yFSTA==}
-    dev: false
 
   /pathval/1.1.1:
     resolution: {integrity: sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==}
@@ -2861,6 +2889,14 @@ packages:
     engines: {node: '>= 6'}
     dev: true
 
+  /pkg-types/0.3.3:
+    resolution: {integrity: sha512-6AJcCMnjUQPQv/Wk960w0TOmjhdjbeaQJoSKWRQv9N3rgkessCu6J0Ydsog/nw1MbpnxHuPzYbfOn2KmlZO1FA==}
+    dependencies:
+      jsonc-parser: 3.0.0
+      mlly: 0.5.4
+      pathe: 0.3.2
+    dev: true
+
   /postcss-load-config/3.1.4:
     resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
     engines: {node: '>= 10'}
@@ -3121,7 +3157,6 @@ packages:
 
   /scule/0.2.1:
     resolution: {integrity: sha512-M9gnWtn3J0W+UhJOHmBxBTwv8mZCan5i1Himp60t6vvZcor0wr+IM0URKmIglsWJ7bRujNAVVN77fp+uZaWoKg==}
-    dev: false
 
   /semver-diff/3.1.1:
     resolution: {integrity: sha512-GX0Ix/CJcHyB8c4ykpHGIAvLyOwOobtM/8d+TQkAd81/bEjgPHrfba41Vpesr7jX/t8Uh+R3EX9eAS5be+jQYg==}
@@ -3366,6 +3401,12 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /strip-literal/0.4.0:
+    resolution: {integrity: sha512-ql/sBDoJOybTKSIOWrrh8kgUEMjXMwRAkZTD0EwiwxQH/6tTPkZvMIEjp0CRlpi6V5FMiJyvxeRkEi1KrGISoA==}
+    dependencies:
+      acorn: 8.7.1
+    dev: true
+
   /sucrase/3.21.0:
     resolution: {integrity: sha512-FjAhMJjDcifARI7bZej0Bi1yekjWQHoEvWIXhLPwDhC6O4iZ5PtGb86WV56riW87hzpgB13wwBKO9vKAiWu5VQ==}
     engines: {node: '>=8'}
@@ -3668,6 +3709,26 @@ packages:
     resolution: {integrity: sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==}
     dev: true
 
+  /unimport/0.4.2_xksk6ykcssmhab4dbdyjruocau:
+    resolution: {integrity: sha512-uYcKcSgislseRj/jy1RDCrMcdXiRBgk7rX6icdjrvF8MQLkv+Ncibm+3X2V9SBri5GiREAmyxLgjuyDXeAM8kA==}
+    dependencies:
+      '@rollup/pluginutils': 4.2.1
+      escape-string-regexp: 5.0.0
+      fast-glob: 3.2.11
+      local-pkg: 0.4.1
+      magic-string: 0.26.2
+      mlly: 0.5.4
+      pathe: 0.3.2
+      scule: 0.2.1
+      strip-literal: 0.4.0
+      unplugin: 0.7.1_xksk6ykcssmhab4dbdyjruocau
+    transitivePeerDependencies:
+      - esbuild
+      - rollup
+      - vite
+      - webpack
+    dev: true
+
   /unique-string/2.0.0:
     resolution: {integrity: sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==}
     engines: {node: '>=8'}
@@ -3675,6 +3736,28 @@ packages:
       crypto-random-string: 2.0.0
     dev: true
 
+  /unplugin-auto-import/0.9.2_xksk6ykcssmhab4dbdyjruocau:
+    resolution: {integrity: sha512-cihfSyWtDyOvpD+bKQ77XSJF2Ix3N3ueatd59slBKgl995fbfExf2qXk/KialZE4/pPNjdGNEJl5ZwAhYj+e1g==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@vueuse/core': '*'
+    peerDependenciesMeta:
+      '@vueuse/core':
+        optional: true
+    dependencies:
+      '@antfu/utils': 0.5.2
+      '@rollup/pluginutils': 4.2.1
+      local-pkg: 0.4.1
+      magic-string: 0.26.2
+      unimport: 0.4.2_xksk6ykcssmhab4dbdyjruocau
+      unplugin: 0.7.1_xksk6ykcssmhab4dbdyjruocau
+    transitivePeerDependencies:
+      - esbuild
+      - rollup
+      - vite
+      - webpack
+    dev: true
+
   /unplugin/0.7.1_xksk6ykcssmhab4dbdyjruocau:
     resolution: {integrity: sha512-Z6hNDXDNh9aimMkPU1mEjtk+2ova8gh0y7rJeJdGH1vWZOHwF2lLQiQ/R97rv9ymmzEQXsR2fyMet72T8jy6ew==}
     peerDependencies:
@@ -3699,7 +3782,6 @@ packages:
       webpack: 5.73.0
       webpack-sources: 3.2.3
       webpack-virtual-modules: 0.4.4
-    dev: false
 
   /update-notifier/5.1.0:
     resolution: {integrity: sha512-ItnICHbeMh9GqUy31hFPrD1kcuZ3rpxDZbf4KUDavXwS0bW5m7SLbDQpGX3UYr072cbrF5hFUs3r5tUsPwjfHw==}
@@ -3873,7 +3955,6 @@ packages:
 
   /webpack-virtual-modules/0.4.4:
     resolution: {integrity: sha512-h9atBP/bsZohWpHnr+2sic8Iecb60GxftXsWNLLLSqewgIsGzByd2gcIID4nXcG+3tNe4GQG3dLcff3kXupdRA==}
-    dev: false
 
   /webpack/5.73.0:
     resolution: {integrity: sha512-svjudQRPPa0YiOYa2lM/Gacw0r6PvxptHj4FuEKQ2kX05ZLkjbVc5MnPs6its5j7IZljnIqSVo/OsY2X0IpHGA==}
diff --git a/src/index.ts b/src/index.ts
index 17ec12bd4..e1ebf23f3 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -108,3 +108,5 @@ export { TreeLeaf, createPrefixTree } from './core/tree'
 //   TreeLeafValueParam,
 //   TreeLeafValueStatic,
 // } from './core/treeLeafValue'
+
+export const VueRouterExports = ['useRoute', 'useRouter']