use shorter import paths

vuejs-translations · Jan 18, 2022 · 0be6350 · 0be6350
1 parent e5d2494
commit 0be6350
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -6,7 +6,11 @@
     "esModuleInterop": true,
     "resolveJsonModule": true,
     "allowJs": true,
-    "strict": true
+    "strict": true,
+    "baseUrl": ".",
+    "paths": {
+      "/@theme/*": ["src/.vitepress/theme/*"]
+    }
   },
   "include": ["src/**/*", "src/.vitepress/**/*"]
 }