]> git.ipfire.org Git - thirdparty/vuejs/create-vue.git/commitdiff
fix: more accurate types for URL and vue-router (#23)
authorZHAO Jinxiang <xiaoxiangmoe@gmail.com>
Tue, 28 Dec 2021 09:27:18 +0000 (17:27 +0800)
committerGitHub <noreply@github.com>
Tue, 28 Dec 2021 09:27:18 +0000 (17:27 +0800)
52 files changed:
playground/default/vite.config.js
playground/jsx-pinia-with-tests/vite.config.js
playground/jsx-pinia/vite.config.js
playground/jsx-router-pinia-with-tests/src/App.vue
playground/jsx-router-pinia-with-tests/vite.config.js
playground/jsx-router-pinia/src/App.vue
playground/jsx-router-pinia/vite.config.js
playground/jsx-router-with-tests/src/App.vue
playground/jsx-router-with-tests/vite.config.js
playground/jsx-router/src/App.vue
playground/jsx-router/vite.config.js
playground/jsx-with-tests/vite.config.js
playground/jsx/vite.config.js
playground/pinia-with-tests/vite.config.js
playground/pinia/vite.config.js
playground/router-pinia-with-tests/src/App.vue
playground/router-pinia-with-tests/vite.config.js
playground/router-pinia/src/App.vue
playground/router-pinia/vite.config.js
playground/router-with-tests/src/App.vue
playground/router-with-tests/vite.config.js
playground/router/src/App.vue
playground/router/vite.config.js
playground/typescript-jsx-pinia-with-tests/vite.config.ts
playground/typescript-jsx-pinia/vite.config.ts
playground/typescript-jsx-router-pinia-with-tests/src/App.vue
playground/typescript-jsx-router-pinia-with-tests/vite.config.ts
playground/typescript-jsx-router-pinia/src/App.vue
playground/typescript-jsx-router-pinia/vite.config.ts
playground/typescript-jsx-router-with-tests/src/App.vue
playground/typescript-jsx-router-with-tests/vite.config.ts
playground/typescript-jsx-router/src/App.vue
playground/typescript-jsx-router/vite.config.ts
playground/typescript-jsx-with-tests/vite.config.ts
playground/typescript-jsx/vite.config.ts
playground/typescript-pinia-with-tests/vite.config.ts
playground/typescript-pinia/vite.config.ts
playground/typescript-router-pinia-with-tests/src/App.vue
playground/typescript-router-pinia-with-tests/vite.config.ts
playground/typescript-router-pinia/src/App.vue
playground/typescript-router-pinia/vite.config.ts
playground/typescript-router-with-tests/src/App.vue
playground/typescript-router-with-tests/vite.config.ts
playground/typescript-router/src/App.vue
playground/typescript-router/vite.config.ts
playground/typescript-with-tests/vite.config.ts
playground/typescript/vite.config.ts
playground/with-tests/vite.config.js
template/base/vite.config.js
template/code/router/src/App.vue
template/code/typescript-router/src/App.vue
template/config/jsx/vite.config.js

index 5cd06c6349fe8417141de5f6d7750a8e0a57107b..116273fb2ebd4799396f5a094ea75751c14f53c4 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index f140f2762aca77606b602cdf5319b1a606585a4c..db4edfd92d6a565bc3a3271f2e605431dd3f9715 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index f140f2762aca77606b602cdf5319b1a606585a4c..db4edfd92d6a565bc3a3271f2e605431dd3f9715 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 37edbaf4e3a02bc143496d03502d1b1cdc9101c1..460e5b290e74468e38e4034085a6656876fde52e 100644 (file)
@@ -1,4 +1,5 @@
 <script setup>
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index f140f2762aca77606b602cdf5319b1a606585a4c..db4edfd92d6a565bc3a3271f2e605431dd3f9715 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 37edbaf4e3a02bc143496d03502d1b1cdc9101c1..460e5b290e74468e38e4034085a6656876fde52e 100644 (file)
@@ -1,4 +1,5 @@
 <script setup>
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index f140f2762aca77606b602cdf5319b1a606585a4c..db4edfd92d6a565bc3a3271f2e605431dd3f9715 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 37edbaf4e3a02bc143496d03502d1b1cdc9101c1..460e5b290e74468e38e4034085a6656876fde52e 100644 (file)
@@ -1,4 +1,5 @@
 <script setup>
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index f140f2762aca77606b602cdf5319b1a606585a4c..db4edfd92d6a565bc3a3271f2e605431dd3f9715 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 37edbaf4e3a02bc143496d03502d1b1cdc9101c1..460e5b290e74468e38e4034085a6656876fde52e 100644 (file)
@@ -1,4 +1,5 @@
 <script setup>
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index f140f2762aca77606b602cdf5319b1a606585a4c..db4edfd92d6a565bc3a3271f2e605431dd3f9715 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index f140f2762aca77606b602cdf5319b1a606585a4c..db4edfd92d6a565bc3a3271f2e605431dd3f9715 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index f140f2762aca77606b602cdf5319b1a606585a4c..db4edfd92d6a565bc3a3271f2e605431dd3f9715 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 5cd06c6349fe8417141de5f6d7750a8e0a57107b..116273fb2ebd4799396f5a094ea75751c14f53c4 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 5cd06c6349fe8417141de5f6d7750a8e0a57107b..116273fb2ebd4799396f5a094ea75751c14f53c4 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 37edbaf4e3a02bc143496d03502d1b1cdc9101c1..460e5b290e74468e38e4034085a6656876fde52e 100644 (file)
@@ -1,4 +1,5 @@
 <script setup>
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index 5cd06c6349fe8417141de5f6d7750a8e0a57107b..116273fb2ebd4799396f5a094ea75751c14f53c4 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 37edbaf4e3a02bc143496d03502d1b1cdc9101c1..460e5b290e74468e38e4034085a6656876fde52e 100644 (file)
@@ -1,4 +1,5 @@
 <script setup>
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index 5cd06c6349fe8417141de5f6d7750a8e0a57107b..116273fb2ebd4799396f5a094ea75751c14f53c4 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 37edbaf4e3a02bc143496d03502d1b1cdc9101c1..460e5b290e74468e38e4034085a6656876fde52e 100644 (file)
@@ -1,4 +1,5 @@
 <script setup>
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index 5cd06c6349fe8417141de5f6d7750a8e0a57107b..116273fb2ebd4799396f5a094ea75751c14f53c4 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 37edbaf4e3a02bc143496d03502d1b1cdc9101c1..460e5b290e74468e38e4034085a6656876fde52e 100644 (file)
@@ -1,4 +1,5 @@
 <script setup>
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index 5cd06c6349fe8417141de5f6d7750a8e0a57107b..116273fb2ebd4799396f5a094ea75751c14f53c4 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index f140f2762aca77606b602cdf5319b1a606585a4c..db4edfd92d6a565bc3a3271f2e605431dd3f9715 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index f140f2762aca77606b602cdf5319b1a606585a4c..db4edfd92d6a565bc3a3271f2e605431dd3f9715 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 8a1e9b196ed79b4cb5e69eb4ef7f54fa049683dc..7de68e9bbccd808779979ee0dfeeb8b0016b0d51 100644 (file)
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index f140f2762aca77606b602cdf5319b1a606585a4c..db4edfd92d6a565bc3a3271f2e605431dd3f9715 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 8a1e9b196ed79b4cb5e69eb4ef7f54fa049683dc..7de68e9bbccd808779979ee0dfeeb8b0016b0d51 100644 (file)
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index f140f2762aca77606b602cdf5319b1a606585a4c..db4edfd92d6a565bc3a3271f2e605431dd3f9715 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 8a1e9b196ed79b4cb5e69eb4ef7f54fa049683dc..7de68e9bbccd808779979ee0dfeeb8b0016b0d51 100644 (file)
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index f140f2762aca77606b602cdf5319b1a606585a4c..db4edfd92d6a565bc3a3271f2e605431dd3f9715 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 8a1e9b196ed79b4cb5e69eb4ef7f54fa049683dc..7de68e9bbccd808779979ee0dfeeb8b0016b0d51 100644 (file)
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index f140f2762aca77606b602cdf5319b1a606585a4c..db4edfd92d6a565bc3a3271f2e605431dd3f9715 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index f140f2762aca77606b602cdf5319b1a606585a4c..db4edfd92d6a565bc3a3271f2e605431dd3f9715 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index f140f2762aca77606b602cdf5319b1a606585a4c..db4edfd92d6a565bc3a3271f2e605431dd3f9715 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 5cd06c6349fe8417141de5f6d7750a8e0a57107b..116273fb2ebd4799396f5a094ea75751c14f53c4 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 5cd06c6349fe8417141de5f6d7750a8e0a57107b..116273fb2ebd4799396f5a094ea75751c14f53c4 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 8a1e9b196ed79b4cb5e69eb4ef7f54fa049683dc..7de68e9bbccd808779979ee0dfeeb8b0016b0d51 100644 (file)
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index 5cd06c6349fe8417141de5f6d7750a8e0a57107b..116273fb2ebd4799396f5a094ea75751c14f53c4 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 8a1e9b196ed79b4cb5e69eb4ef7f54fa049683dc..7de68e9bbccd808779979ee0dfeeb8b0016b0d51 100644 (file)
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index 5cd06c6349fe8417141de5f6d7750a8e0a57107b..116273fb2ebd4799396f5a094ea75751c14f53c4 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 8a1e9b196ed79b4cb5e69eb4ef7f54fa049683dc..7de68e9bbccd808779979ee0dfeeb8b0016b0d51 100644 (file)
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index 5cd06c6349fe8417141de5f6d7750a8e0a57107b..116273fb2ebd4799396f5a094ea75751c14f53c4 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 8a1e9b196ed79b4cb5e69eb4ef7f54fa049683dc..7de68e9bbccd808779979ee0dfeeb8b0016b0d51 100644 (file)
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index 5cd06c6349fe8417141de5f6d7750a8e0a57107b..116273fb2ebd4799396f5a094ea75751c14f53c4 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 5cd06c6349fe8417141de5f6d7750a8e0a57107b..116273fb2ebd4799396f5a094ea75751c14f53c4 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 5cd06c6349fe8417141de5f6d7750a8e0a57107b..116273fb2ebd4799396f5a094ea75751c14f53c4 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 5cd06c6349fe8417141de5f6d7750a8e0a57107b..116273fb2ebd4799396f5a094ea75751c14f53c4 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 5cd06c6349fe8417141de5f6d7750a8e0a57107b..116273fb2ebd4799396f5a094ea75751c14f53c4 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
index 37edbaf4e3a02bc143496d03502d1b1cdc9101c1..460e5b290e74468e38e4034085a6656876fde52e 100644 (file)
@@ -1,4 +1,5 @@
 <script setup>
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index 8a1e9b196ed79b4cb5e69eb4ef7f54fa049683dc..7de68e9bbccd808779979ee0dfeeb8b0016b0d51 100644 (file)
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from '@/components/HelloWorld.vue'
 </script>
 
@@ -10,13 +11,13 @@ import HelloWorld from '@/components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
+        <RouterLink to="/">Home</RouterLink>
+        <RouterLink to="/about">About</RouterLink>
       </nav>
     </div>
   </header>
 
-  <router-view />
+  <RouterView />
 </template>
 
 <style>
index f140f2762aca77606b602cdf5319b1a606585a4c..db4edfd92d6a565bc3a3271f2e605431dd3f9715 100644 (file)
@@ -1,4 +1,4 @@
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'