added toolbar categories link

src/components/TopToolbar.vue

 <template>
-  <q-toolbar
-    class="bg-white text-grey-6 no-border"
-    flat
-  >
-    <q-btn
-      flat
-      dense
-      round
-      @click="toogleDrawer"
-      aria-label="Menu"
-      v-if="hasDrawer"
-    >
+  <q-toolbar class="bg-white text-grey-6 no-border" flat>
+    <q-btn flat dense round @click="toogleDrawer" aria-label="Menu" v-if="hasDrawer">
       <q-icon name="menu" />
     </q-btn>
 
     <q-toolbar-title>
       <div class="flex items-center">
         <router-link to="/">
-          <q-img
-            src="/statics/600x600fabr.png"
-            class="logo-img"
-          />
+          <q-img src="/statics/600x600fabr.png" class="logo-img" />
         </router-link>
         <div class="text-logo">
           <span class="text-open">Open&nbsp;-&nbsp;source</span>
@@ -29,45 +16,20 @@
       </div>
     </q-toolbar-title>
     <q-space />
-    <q-btn
-      flat
-      label="Browse"
-      icon-right="arrow_drop_down"
-      class="q-ml-md gt-sm"
-    >
+    <q-btn flat label="Browse" icon-right="arrow_drop_down" class="q-ml-md gt-sm">
       <q-menu>
         <q-list style="min-width: 80px">
-          <q-item
-            clickable
-            v-close-popup
-            v-for="cat,idx in categories"
-            :key="idx"
-          >
+          <q-item clickable v-close-popup v-for="cat,idx in categories" :key="idx">
             <q-item-section>{{cat.label}}</q-item-section>
           </q-item>
         </q-list>
       </q-menu>
     </q-btn>
-    <q-btn
-      flat
-      to="/collections"
-      class="gt-sm"
-    >Collections</q-btn>
-    <q-btn
-      flat
-      to="/account/projects/new"
-      class="gt-sm"
-    >Upload a project</q-btn>
+    <q-btn flat to="/collections" class="gt-sm">Collections</q-btn>
+    <q-btn flat to="/account/projects/new" class="gt-sm">Upload a project</q-btn>
 
-    <q-btn
-      to="/login"
-      flat
-      v-if="!user"
-    >Sign in</q-btn>
-    <UserPopupMenu
-      @logout="handleLogout"
-      :user="user"
-    />
+    <q-btn to="/login" flat v-if="!user">Sign in</q-btn>
+    <UserPopupMenu @logout="handleLogout" :user="user" />
     <!-- <div>Quasar v{{ $q.version }}</div> -->
   </q-toolbar>
 </template>
@@ -81,17 +43,20 @@ export default {
     UserPopupMenu
   },
   props: ["hasDrawer", "user"],
-  data () {
+  data() {
     return {};
   },
   methods: {
     ...mapActions({ loadCategories: "categories/loadAll" }),
-    toogleDrawer () {
+    toogleDrawer() {
       this.$emit("toggle");
     },
-    handleLogout () {
+    handleLogout() {
       this.$emit("logout");
     }
+  },
+  computed: {
+    ...mapGetters({ categories: "categories/categories" })
   }
 };
 </script>