initial project setup

New client/chameleon-client/src/App.vue

@@ -0,0 +1,79 @@
+<template>
+  <v-app>
+    <v-app-bar app dark>
+      <img src="./assets/logo.png" class="imgClass">
+      <v-toolbar-title class="headline text-uppercase">
+        <span>Chameleon Vision</span>
+      </v-toolbar-title>
+      <v-spacer></v-spacer>
+    </v-app-bar>
+    <v-content>
+      <v-navigation-drawer
+      expand-on-hover
+      permanent
+    >
+  
+
+      <v-list
+        nav
+        dense
+      >
+      <v-list-group
+        value="true"
+        prepend-icon="mdi-xbox-controller">
+        <template v-slot:activator>
+          <v-list-item-title> test</v-list-item-title>
+        </template>
+        <v-list-item>
+             <v-list-item-icon>
+              <v-icon>mdi-account</v-icon>
+            </v-list-item-icon>
+          <v-list-item-title>test sub</v-list-item-title>
+        </v-list-item>
+      </v-list-group>
+
+        <v-list-item link>
+          <v-list-item-icon>
+            <v-icon>mdi-account-multiple</v-icon>
+          </v-list-item-icon>
+          <v-list-item-title>Shared with me</v-list-item-title>
+        </v-list-item>
+        <v-list-item link>
+          <v-list-item-icon>
+            <v-icon>mdi-star</v-icon>
+          </v-list-item-icon>
+          <v-list-item-title>Starred</v-list-item-title>
+        </v-list-item>
+      </v-list>
+    </v-navigation-drawer>
+    </v-content>
+  </v-app>
+</template>
+
+<script>
+
+
+export default {
+  name: 'App',
+  components: {
+    
+  },
+  data: () => ({
+    //
+  }),
+};
+</script>
+
+<style>
+  html{
+    overflow-y: hidden;
+  }
+  
+  .imgClass{
+    width: auto;
+    height: 58px;
+    vertical-align: middle;
+    padding-right: 5px;
+  }
+</style>
+

New client/chameleon-client/src/main.js

@@ -0,0 +1,14 @@
+import Vue from 'vue'
+import App from './App.vue'
+import router from './router'
+import store from './store'
+import vuetify from './plugins/vuetify';
+
+Vue.config.productionTip = false
+
+new Vue({
+  router,
+  store,
+  vuetify,
+  render: h => h(App)
+}).$mount('#app')

New client/chameleon-client/src/plugins/vuetify.js

@@ -0,0 +1,11 @@
+
+import Vue from 'vue';
+import Vuetify from 'vuetify/lib';
+
+Vue.use(Vuetify);
+
+export default new Vuetify({
+  icons: {
+    iconfont: 'mdi',
+  },
+});

New client/chameleon-client/src/router.js

@@ -0,0 +1,25 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+import Home from './views/Home.vue'
+
+Vue.use(Router)
+
+export default new Router({
+  mode: 'history',
+  base: process.env.BASE_URL,
+  routes: [
+    {
+      path: '/',
+      name: 'home',
+      component: Home
+    },
+    {
+      path: '/about',
+      name: 'about',
+      // route level code-splitting
+      // this generates a separate chunk (about.[hash].js) for this route
+      // which is lazy-loaded when the route is visited.
+      component: () => import(/* webpackChunkName: "about" */ './views/About.vue')
+    }
+  ]
+})

New client/chameleon-client/src/store.js

@@ -0,0 +1,16 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  state: {
+
+  },
+  mutations: {
+
+  },
+  actions: {
+
+  }
+})

New client/chameleon-client/src/views/About.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>This is an about page</h1>
+  </div>
+</template>

New client/chameleon-client/src/views/Home.vue

@@ -0,0 +1,12 @@
+<template>
+  <h4>te</h4>
+</template>
+
+<script>
+
+
+export default {
+  components: {
+  },
+};
+</script>