改进

src/components/HelloWorld.vue

@@ -1,71 +1,7 @@
 <template>
   <v-container class="fill-height">
     <v-responsive class="align-center text-center fill-height">
-      <v-img height="300" src="@/assets/logo.svg" />
+      <v-btn>Hi</v-btn>
-
-      <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>

src/layouts/default/AppBar.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-app>
+  <!-- <v-app id="nav"> -->
     <v-navigation-drawer v-model="drawer">
       <div class="pa-3">
         <v-btn
@@ -15,7 +15,7 @@
 
       <v-app-bar-title>Application</v-app-bar-title>
     </v-app-bar>
-  </v-app>
+  <!-- </v-app> -->
 </template>
 
 <script lang="ts" setup>

src/layouts/default/Default.vue

@@ -1,11 +1,11 @@
 <template>
-  <v-app>
+  <v-theme-provider :theme="theme" with-background>
-    <v-theme-provider :theme="theme" with-background>
+    <v-app id="d">
       <default-bar />
 
       <default-view />
-    </v-theme-provider>
+    </v-app>
-  </v-app>
+  </v-theme-provider>
 </template>
 
 <script lang="ts" setup>