Migrate first parts of backups view to vue

dashboard/src/Index.vue

@@ -4,6 +4,7 @@ import { onMounted, ref } from 'vue';
 import { Notification } from 'pankow';
 import AppsView from './views/AppsView.vue';
 import AppstoreView from './views/AppstoreView.vue';
+import BackupsView from './views/BackupsView.vue';
 import DomainsView from './views/DomainsView.vue';
 import EventlogView from './views/EventlogView.vue';
 import NetworkView from './views/NetworkView.vue';
@@ -17,6 +18,7 @@ import VolumesView from './views/VolumesView.vue';
 const VIEWS = {
   APPS: 'apps',
   APPSTORE: 'appstore',
+  BACKUPS: 'backups',
   DOMAINS: 'domains',
   EVENTLOG: 'eventlog',
   NETWORK: 'network',
@@ -37,6 +39,8 @@ function onHashChange() {
     view.value = VIEWS.APPS;
   } else if (v.indexOf(VIEWS.APPSTORE) === 0) {
     view.value = VIEWS.APPSTORE;
+  } else if (v === VIEWS.BACKUPS) {
+    view.value = VIEWS.BACKUPS;
   } else if (v === VIEWS.DOMAINS) {
     view.value = VIEWS.DOMAINS;
   } else if (v === VIEWS.EVENTLOG) {
@@ -81,6 +85,7 @@ onMounted(async () => {
 
     <AppsView v-if="view === VIEWS.APPS" />
     <AppstoreView v-else-if="view === VIEWS.APPSTORE" />
+    <BackupsView v-else-if="view === VIEWS.BACKUPS" />
     <DomainsView v-else-if="view === VIEWS.DOMAINS" />
     <EventlogView v-else-if="view === VIEWS.EVENTLOG" />
     <NetworkView v-else-if="view === VIEWS.NETWORK" />