add test.

test/dashboard2/src/AppTabbar.vue

@@ -0,0 +1,64 @@
+<template>
+  <v-ons-page>
+    <custom-toolbar>
+      {{ title }}
+      <v-ons-toolbar-button slot="right" @click="$store.commit('splitter/toggle')">
+        <v-ons-icon icon="ion-navicon, material:md-menu"></v-ons-icon>
+      </v-ons-toolbar-button>
+    </custom-toolbar>
+
+    <v-ons-tabbar
+      position="auto"
+      :tabs="tabs"
+      :index.sync="index"
+    ></v-ons-tabbar>
+  </v-ons-page>
+</template>
+
+<script>
+import Home from './pages/Home.vue'
+import Forms from './pages/Forms.vue'
+import Animations from './pages/Animations.vue'
+
+export default {
+  data () {
+    return {
+      tabs: [
+        {
+          label: 'Home',
+          icon: this.md() ? null : 'ion-home',
+          page: Home
+        },
+        {
+          label: 'Forms',
+          icon: this.md() ? null : 'ion-edit',
+          page: Forms
+        },
+        {
+          label: 'Anim',
+          icon: this.md() ? null : 'ion-film-marker',
+          page: Animations
+        }
+      ]
+    }
+  },
+  methods: {
+    md () {
+      return this.$ons.platform.isAndroid()
+    }
+  },
+  computed: {
+    index: {
+      get () {
+        return this.$store.state.tabbar.index
+      },
+      set (newValue) {
+        this.$store.commit('tabbar/set', newValue)
+      }
+    },
+    title () {
+      return this.md() ? 'Kitchen Sink' : this.tabs[this.index].label
+    }
+  }
+}
+</script>