use shorter import paths

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' }
  ]

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>

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: {

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">

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,

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: {

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/**/*"]
 }