Initial rewrite of the apps view

dashboard/src/components/Index.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
     <Notification />
+    <AppsView v-if="view === VIEWS.APPS" />
     <SupportView v-if="view === VIEWS.SUPPORT" />
     <VolumesView v-if="view === VIEWS.VOLUMES" />
   </div>
@@ -10,10 +11,12 @@
 
 import { Notification } from 'pankow';
 
+import AppsView from './AppsView.vue';
 import SupportView from './SupportView.vue';
 import VolumesView from './VolumesView.vue';
 
 const VIEWS = {
+  APPS: 'apps',
   SUPPORT: 'support',
   VOLUMES: 'volumes',
 };
@@ -21,6 +24,7 @@ const VIEWS = {
 export default {
   name: 'Index',
   components: {
+    AppsView,
     Notification,
     SupportView,
     VolumesView,
@@ -44,7 +48,9 @@ export default {
     function onHashChange() {
       const view = location.hash.slice(2);
 
-      if (view === VIEWS.SUPPORT) {
+      if (view === VIEWS.APPS) {
+        that.view = VIEWS.APPS;
+      } else if (view === VIEWS.SUPPORT) {
         that.view = VIEWS.SUPPORT;
       } else if (view === VIEWS.VOLUMES) {
         that.view = VIEWS.VOLUMES;