diff --git a/src/.vitepress/config.ts b/src/.vitepress/config.ts
index 1899c5565..dc54451d4 100644
--- a/src/.vitepress/config.ts
+++ b/src/.vitepress/config.ts
@@ -49,7 +49,10 @@ const nav = [
       {
         text: 'Help',
         items: [
-          { text: 'Discord Chat', link: 'https://discord.com/invite/HBherRA' },
+          {
+            text: 'Discord Chat',
+            link: 'https://discord.com/invite/HBherRA'
+          },
           { text: 'Forum', link: 'https://forum.vuejs.org/' },
           { text: 'DEV Community', link: 'https://dev.to/t/vue' }
         ]
diff --git a/src/.vitepress/env.d.ts b/src/.vitepress/env.d.ts
index dde1cc857..d32b445ae 100644
--- a/src/.vitepress/env.d.ts
+++ b/src/.vitepress/env.d.ts
@@ -1,7 +1,5 @@
 /// <reference types="vitepress/client" />
 
-declare module '*.vue' {}
-
 declare module '@vue/theme/config' {
   import { UserConfig } from 'vitepress'
   const config: () => Promise<UserConfig>
diff --git a/src/examples/index.md b/src/examples/index.md
index d567a0351..5b429c744 100644
--- a/src/examples/index.md
+++ b/src/examples/index.md
@@ -7,7 +7,7 @@ returnToTop: false
 
 <script>
 import { defineAsyncComponent } from 'vue'
-import ReplLoading from '../.vitepress/theme/components/ReplLoading.vue'
+import ReplLoading from '/@theme/components/ReplLoading.vue'
 
 export default {
   components: {
diff --git a/src/index.md b/src/index.md
index a5dd64ecd..7dde7da33 100644
--- a/src/index.md
+++ b/src/index.md
@@ -3,7 +3,7 @@ page: true
 ---
 
 <script setup>
-import NewsLetter from './.vitepress/theme/components/NewsLetter.vue'
+import NewsLetter from '/@theme/components/NewsLetter.vue'
 </script>
 
 <section id="hero">
diff --git a/src/tutorial/TutorialRepl.vue b/src/tutorial/TutorialRepl.vue
index c003d79ec..e076ecb34 100644
--- a/src/tutorial/TutorialRepl.vue
+++ b/src/tutorial/TutorialRepl.vue
@@ -8,7 +8,7 @@ import {
   onHashChange
 } from '../examples/utils'
 import '@vue/repl/style.css'
-import PreferenceSwitch from '../.vitepress/theme/components/PreferenceSwitch.vue'
+import PreferenceSwitch from '/@theme/components/PreferenceSwitch.vue'
 import {
   VTFlyout,
   VTIconChevronLeft,
diff --git a/src/tutorial/index.md b/src/tutorial/index.md
index 42a0e7ff3..46aed7558 100644
--- a/src/tutorial/index.md
+++ b/src/tutorial/index.md
@@ -8,7 +8,7 @@ returnToTop: false
 
 <script>
 import { defineAsyncComponent } from 'vue'
-import ReplLoading from '../.vitepress/theme/components/ReplLoading.vue'
+import ReplLoading from '/@theme/components/ReplLoading.vue'
 
 export default {
   components: {
diff --git a/tsconfig.json b/tsconfig.json
index 506e6fb3c..1dbff9470 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -6,7 +6,11 @@
     "esModuleInterop": true,
     "resolveJsonModule": true,
     "allowJs": true,
-    "strict": true
+    "strict": true,
+    "baseUrl": ".",
+    "paths": {
+      "/@theme/*": ["src/.vitepress/theme/*"]
+    }
   },
   "include": ["src/**/*", "src/.vitepress/**/*"]
 }