saving this

dashboard_ex/index.html

@@ -30,13 +30,13 @@
 		.header {
 			background-color: #5C666F;
 			grid-column: 1 / -1;
-			box-shadow: 0 2px 2px 0 rgb(50,50,50, 0.15);
+			box-shadow: 0 2px 2px 0 rgba(50,50,50, 0.15);
 		}
 
 		.menu {
 			background-color: #01B48F;
 			grid-column: 1 / 3;
-			box-shadow: 0 10px 10px 0 rgb(50,50,50, 0.50);
+			box-shadow: 0 10px 10px 0 rgba(50,50,50, 0.50);
 		}
 
 		.menu > a {

vue_grid/.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
+  </state>
+</component>

vue_grid/frontend/src/components/Login.vue

@@ -0,0 +1,22 @@
+<template>
+  <form action="">
+    <input type="text">
+    <input type="password">
+  </form>
+</template>
+
+<script>
+export default {
+  name: "Login",
+  data () {
+    return {
+      user_name: '',
+      password: ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

vue_grid/frontend/src/components/Ping.vue

@@ -0,0 +1,18 @@
+<template>
+  <h1>{{ msg }}</h1>
+</template>
+
+<script>
+export default {
+  name: 'Ping',
+  data () {
+    return {
+      msg: 'Pong'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>