Wrap all <router-view> with <keep-alive>

This improve the performance by reusing the same elements when we leave the page

Author: DannyFeliz

src/App.vue

@@ -3,7 +3,9 @@
     <loading :active="isLoading" />
     <AppNav />
     <div class="container">
-      <router-view />
+      <keep-alive>
+        <router-view />
+      </keep-alive>
     </div>
     <FloatingActionButton />
   </div>

src/views/Developers.vue

@@ -1,9 +1,11 @@
 <template>
   <div>
     <SubNav :sections="sections" />
-    <router-view>
-      <InputSearch label="Filter developer by name or username..." />
-    </router-view>
+    <keep-alive>
+      <router-view>
+        <InputSearch label="Filter developer by name or username..." />
+      </router-view>
+    </keep-alive>
   </div>
 </template>
 

src/views/Repositories.vue

@@ -1,7 +1,9 @@
 <template>
   <div>
     <SubNav :sections="sections" />
-    <router-view />
+    <keep-alive>
+      <router-view />
+    </keep-alive>
   </div>
 </template>