feat: admin groups - list + create, gql refactoring

client/components/admin.vue

@@ -69,10 +69,22 @@
 
     v-footer.py-2.justify-center(app, absolute, color='grey lighten-3', inset, height='auto')
       .caption.grey--text.text--darken-1 Powered by Wiki.js
+
+    v-snackbar(
+      :color='notification.style'
+      bottom,
+      right,
+      multi-line,
+      v-model='notificationState'
+    )
+      .text-xs-left
+        v-icon.mr-3(dark) {{ notification.icon }}
+        span {{ notification.message }}
 </template>
 
 <script>
 import VueRouter from 'vue-router'
+import { mapState } from 'vuex'
 
 const router = new VueRouter({
   mode: 'history',
@@ -105,6 +117,13 @@ export default {
       adminDrawerShown: true
     }
   },
+  computed: {
+    ...mapState(['notification']),
+    notificationState: {
+      get() { return this.notification.isActive },
+      set(newState) { this.$store.commit('updateNotificationState', newState) }
+    }
+  },
   router
 }
 </script>