add Suspense loading on RouterView Components

2022-12-25 23:49:55 -03:00 · 2022-12-25 23:49:55 -03:00 · 7b9c3e0394
commit 7b9c3e0394
parent d70b009b93
1 changed files with 7 additions and 2 deletions
--- a/src/App.vue
+++ b/src/App.vue
@ -4,8 +4,13 @@ import TopBar from "./components/TopBar.vue";

 <template>
  <TopBar />
-
-  <RouterView />
+  <RouterView v-slot="{ Component }">
+    <template v-if="Component">
+      <Suspense>
+        <component :is="Component"></component>
+      </Suspense>
+    </template>
+  </RouterView>
 </template>

 <style scoped></style>