From 7b9c3e0394165b7e7f42028a5fbf1ab3ce9317d9 Mon Sep 17 00:00:00 2001
From: RcleydsonR <rafael.cleydson@gmail.com>
Date: Sun, 25 Dec 2022 23:49:55 -0300
Subject: [PATCH] add Suspense loading on RouterView Components

---
 src/App.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 9c31a65..2dad8e1 100644
--- 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>