load feed of give records on home screen

src/router/index.ts

@@ -1,21 +1,29 @@
 import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";
 import { accountsDB } from "@/db";
 
+/**
+ *
+ * @param to :RouteLocationNormalized
+ * @param from :RouteLocationNormalized
+ * @param next :NavigationGuardNext
+ */
+const enterOrStart = async (to, from, next) => {
+  await accountsDB.open();
+  const num_accounts = await accountsDB.accounts.count();
+  if (num_accounts > 0) {
+    next();
+  } else {
+    next({ name: "start" });
+  }
+};
+
 const routes: Array<RouteRecordRaw> = [
   {
     path: "/",
     name: "home",
     component: () =>
-      import(/* webpackChunkName: "start" */ "../views/DiscoverView.vue"),
-    beforeEnter: async (to, from, next) => {
-      await accountsDB.open();
-      const num_accounts = await accountsDB.accounts.count();
-      if (num_accounts > 0) {
-        next();
-      } else {
-        next({ name: "start" });
-      }
-    },
+      import(/* webpackChunkName: "home" */ "../views/HomeView.vue"),
+    beforeEnter: enterOrStart,
   },
   {
     path: "/about",
@@ -28,6 +36,7 @@ const routes: Array<RouteRecordRaw> = [
     name: "account",
     component: () =>
       import(/* webpackChunkName: "account" */ "../views/AccountViewView.vue"),
+    beforeEnter: enterOrStart,
   },
   {
     path: "/confirm-contact",
@@ -58,6 +67,7 @@ const routes: Array<RouteRecordRaw> = [
     name: "contacts",
     component: () =>
       import(/* webpackChunkName: "contacts" */ "../views/ContactsView.vue"),
+    beforeEnter: enterOrStart,
   },
   {
     path: "/scan-contact",