-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
<script setup>
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
<script setup>
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
<script setup>
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
<script setup>
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
<script setup>
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
<script setup>
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
<script setup>
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
<script setup>
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
<script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
<script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
<script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
<script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
<script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
<script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
<script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
<script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
<script setup>
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
<script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from '@/components/HelloWorld.vue'
</script>
<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>
-import { fileURLToPath } from 'url'
+import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'