add Suspense loading on RouterView Components

src/App.vue

@@ -4,8 +4,13 @@ import TopBar from "./components/TopBar.vue";
 
 <template>
   <TopBar />
-
+  <RouterView v-slot="{ Component }">
-  <RouterView />
+    <template v-if="Component">
+      <Suspense>
+        <component :is="Component"></component>
+      </Suspense>
+    </template>
+  </RouterView>
 </template>
 
 <style scoped></style>