WIP Items module.

client/src/pages/Dashboard/Customers/CustomersList.vue

@@ -0,0 +1,31 @@
+<template>
+
+</template>
+<script>
+
+const STATE = {
+  LOADING: 1,
+  EMPTY_LIST: 2,
+  NO_SEARCH_RESULTS: 3,
+};
+
+export default {
+  name: 'customers-list',
+  data() {
+    return {
+      current_state: 0,
+    };
+  },
+  computed: {
+    loading() {
+      return this.current_state === STATE.LOADING;
+    },
+    emptyList() {
+      return this.current_state === STATE.EMPTY_LIST;
+    },
+    noSearchResults() {
+      return this.current_state === STATE.NO_SEARCH_RESULTS;
+    },
+  },
+}
+</script>

client/src/pages/Dashboard/Dashboard.vue

@@ -26,8 +26,12 @@ export default {
 </script>
 
 <style lang="scss">
-#dashboard{
+.dashboard{
   display: flex;
   flex-direction: row;
+
+  &__content{
+    width: 100%;
+  }
 }
 </style>

client/src/pages/Dashboard/Products/ProductForm.vue

@@ -0,0 +1,3 @@
+<template>
+
+</template>

client/src/pages/Dashboard/Products/ProductsList.vue

@@ -0,0 +1,9 @@
+<template>
+
+</template>
+
+<script>
+export default {
+  name: 'products-list',
+}
+</script>