删除示例代码。

src/views/AboutView.vue

@@ -1,15 +0,0 @@
-<template>
-    <div class="about">
-        <h1>This is an about page</h1>
-    </div>
-</template>
-
-<style>
-@media (min-width: 1024px) {
-    .about {
-        min-height: 100vh;
-        display: flex;
-        align-items: center;
-    }
-}
-</style>

src/views/HomeView.vue

@@ -1,9 +0,0 @@
-<script setup lang="ts">
-import TheWelcome from '../components/TheWelcome.vue'
-</script>
-
-<template>
-    <main>
-        <TheWelcome />
-    </main>
-</template>

src/views/HomeView/HomeView.vue

@@ -0,0 +1,11 @@
+<template>
+    <div>MainView</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+    name: 'HomeView',
+})
+</script>

src/views/LoginView/LoginView.vue

@@ -0,0 +1,5 @@
+<template>
+    <h1>This is login page</h1>
+</template>
+
+<script lang="ts" setup></script>