WIP.

src/ui/Domo/src/app.vue

@@ -3,10 +3,19 @@
   <a v-link="{ path: '/lights' }">Go to Lights</a>
   <a v-link="{ path: '/shutters' }">Go to Shutters</a>
   <a v-link="{ path: '/sprinklers' }">Go to Sprinklers</a>
-  <router-view class="bounce">
+  <router-view  class="test" transition="test" transition-mode="out-in">
 </router-view>
 </template>
+<style>
+.test {
+  transition: all .5s ease;
+}
 
+.test-enter, .test-leave {
+  opacity: 0;
+  transform: translate3d(10px, 0, 0);
+}
+</style>
 <!--
 <style src="./assets/css/mui.css"></style>
 <style src="./assets/css/app-base.css"></style>

src/ui/Domo/src/components/lights.vue

@@ -2,6 +2,4 @@
 
 <h1> Lights </h1>
 
-<mdl-checkbox :checked='check'>Checkbox</mdl-checkbox>
-
 </template>

src/ui/Domo/src/main.js

@@ -1,17 +1,17 @@
-var vmdl = require('vue-mdl');
+//var vmdl = require('vue-mdl');
 var Vue = require('vue')
 var VueRouter = require('vue-router')
 
 // Globally register the checkbox
-vmdl.register(Vue, 'mdl-checkbox');
+//vmdl.register(Vue, 'mdl-checkbox');
 // Shorthand
-vmdl.register(Vue, 'checkbox');
+//vmdl.register(Vue, 'checkbox');
 // Globally register all components and directives
-vmdl.registerAll(Vue);
+//vmdl.registerAll(Vue);
 
 // Access any component or directive
-var checkbox = vmdl.components['mdl-checkbox'];
-var badge = vmdl.directives['mdl-badge'];
+//var checkbox = vmdl.components['mdl-checkbox'];
+//var badge = vmdl.directives['mdl-badge'];
 
 var App = require('./app.vue')
 var routerMap = require('./router')