Vuex Structure (#8054)

* wip: vuex structure

* add missing files

* client: do not fail dev build on eslint error

* eslint does not block compilation, mount app when data is ready

* eslintrc.js -> eslintrc

website/client/components/App.vue

@@ -1,6 +1,7 @@
 <template lang="pug">
 #app
   site-header
+  p Welcome back {{user.profile.name}}
   ul
     li
       router-link(to='/') Home
@@ -11,15 +12,35 @@
 
 <script>
 import SiteHeader from './siteHeader';
+import { mapState } from 'vuex';
 
 export default {
   components: {
     SiteHeader,
   },
+
+  computed: mapState(['user']),
 };
 </script>
 
 <style>
+html, body {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+#loading-screen { /* outside Vue because can't wait for rendering to finish */
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: #fff;
+  z-index: 10001;
+}
+
 #app {
   margin: 0 auto;
   width: 80%;