Remove placeholder components

src/App.vue

@@ -1,11 +1,9 @@
 <template>
   <v-app>
     <v-main>
-      <HelloWorld />
+      <RouterView />
     </v-main>
   </v-app>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts"></script>
-import HelloWorld from '@/components/HelloWorld.vue';
-</script>

src/components/HelloWorld.vue

@@ -1,63 +0,0 @@
-<template>
-  <v-container class="fill-height">
-    <v-responsive class="d-flex align-center text-center fill-height">
-      <v-img height="300" src="@/assets/logo.svg" />
-
-      <div class="text-body-2 font-weight-light mb-n1">Welcome to</div>
-
-      <h1 class="text-h2 font-weight-bold">Vuetify</h1>
-
-      <div class="py-14" />
-
-      <v-row class="d-flex align-center justify-center">
-        <v-col cols="auto">
-          <v-btn
-            href="https://vuetifyjs.com/components/all/"
-            min-width="164"
-            rel="noopener noreferrer"
-            target="_blank"
-            variant="text"
-          >
-            <v-icon icon="mdi-view-dashboard" size="large" start />
-
-            Components
-          </v-btn>
-        </v-col>
-
-        <v-col cols="auto">
-          <v-btn
-            color="primary"
-            href="https://vuetifyjs.com/introduction/why-vuetify/#feature-guides"
-            min-width="228"
-            rel="noopener noreferrer"
-            size="x-large"
-            target="_blank"
-            variant="flat"
-          >
-            <v-icon icon="mdi-speedometer" size="large" start />
-
-            Get Started
-          </v-btn>
-        </v-col>
-
-        <v-col cols="auto">
-          <v-btn
-            href="https://community.vuetifyjs.com/"
-            min-width="164"
-            rel="noopener noreferrer"
-            target="_blank"
-            variant="text"
-          >
-            <v-icon icon="mdi-account-group" size="large" start />
-
-            Community
-          </v-btn>
-        </v-col>
-      </v-row>
-    </v-responsive>
-  </v-container>
-</template>
-
-<script setup lang="ts">
-//
-</script>

src/layouts/default/Default.vue

@@ -1,9 +0,0 @@
-<template>
-  <v-app>
-    <default-view />
-  </v-app>
-</template>
-
-<script lang="ts" setup>
-import DefaultView from './View.vue';
-</script>

src/layouts/default/View.vue

@@ -1,9 +0,0 @@
-<template>
-  <v-main>
-    <router-view />
-  </v-main>
-</template>
-
-<script lang="ts" setup>
-//
-</script>

src/router/index.ts

@@ -1,21 +1,11 @@
-// Composables
 import { createRouter, createWebHistory } from 'vue-router';
+import Home from '@/views/Home.vue';
 
 const routes = [
   {
     path: '/',
-    component: () => import('@/layouts/default/Default.vue'),
+    name: 'Home',
-    children: [
+    component: Home
-      {
-        path: '',
-        name: 'Home',
-        // route level code-splitting
-        // this generates a separate chunk (about.[hash].js) for this route
-        // which is lazy-loaded when the route is visited.
-        component: () =>
-          import(/* webpackChunkName: "home" */ '@/views/Home.vue')
-      }
-    ]
   }
 ];
 

src/views/Home.vue

@@ -1,7 +1,5 @@
 <template>
-  <HelloWorld />
+  <h1>Hello, World!</h1>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup></script>
-import HelloWorld from '@/components/HelloWorld.vue';
-</script>