From 2a349466e66e9e040d2bf538a0b8ea76ad9fa50f Mon Sep 17 00:00:00 2001
From: jbnadal <jbnadal@awox.com>
Date: Wed, 4 May 2016 18:59:28 +0200
Subject: [PATCH] WIP

---
 src/ui/Domo/src/App.vue | 56 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 src/ui/Domo/src/App.vue

diff --git a/src/ui/Domo/src/App.vue b/src/ui/Domo/src/App.vue
new file mode 100644
index 00000000..ab577e3b
--- /dev/null
+++ b/src/ui/Domo/src/App.vue
@@ -0,0 +1,56 @@
+<template>
+  <div id="app">
+    <p>
+      <!-- use v-link directive for navigation. -->
+      <a v-link="{ path: '/foo' }">Go to Foo</a>
+      <a v-link="{ path: '/bar' }">Go to Bar</a>
+    </p>
+    <!-- use router-view element as route outlet -->
+    <router-view class="test" transition="test" transition-mode="out-in"></router-view>
+  </div>
+</template>
+
+<script>
+import Hello from './components/Hello'
+
+export default {
+  components: {
+    Hello
+  }
+}
+</script>
+
+<style>
+html {
+  height: 100%;
+}
+
+body {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+
+#app {
+  margin-top: -100px;
+  max-width: 600px;
+  font-family: Helvetica, sans-serif;
+  text-align: center;
+}
+
+.logo {
+  width: 100px;
+  height: 100px
+}
+
+.test {
+  transition: all .5s ease;
+}
+
+.test-enter, .test-leave {
+  opacity: 0;
+  transform: translate3d(10px, 0, 0);
+}
+
+</style>