feat(demo): Add top-app-bar demo

demo/router/index.js

@@ -60,6 +60,10 @@ export default new VueRouter({
     {
       path: '/textfield',
       component: () => import('views/TextfieldView')
+    },
+    {
+      path: '/topappbar',
+      component: () => import('views/TopAppBarView')
     }
   ]
 })

demo/store/modules/app.js

@@ -72,22 +72,21 @@ const state = {
       text: 'Textfield',
       route: '/textfield',
       icon: 'code'
+    },
+    topappbar: {
+      text: 'TopAppBar',
+      route: '/topappbar',
+      icon: 'code'
     }
   }
 }
 
 const getters = {}
 
 const mutations = {
-  TOGGLE_DARKTHEME (state) {
-    state.darkTheme ? (state.darkTheme = false) : (state.darkTheme = true)
-  }
 }
 
 const actions = {
-  toggleDarkTheme (context) {
-    context.commit(types.TOGGLE_DARKTHEME)
-  }
 }
 
 export default { state, getters, mutations, actions }

demo/store/modules/mutation-types.js

@@ -1 +0,0 @@
-export const TOGGLE_DARKTHEME = 'TOGGLE_DARKTHEME'

demo/views/TopAppBarView.vue

@@ -0,0 +1,40 @@
+<template>
+  <m-layout-grid-inner>
+    <m-layout-grid-cell :span="12">
+      <m-typo-display :level="1">TopAppBar</m-typo-display>
+      <m-typo-body :level="2">
+        <a href="https://github.com/matsp/material-components-vue/blob/master/components/top-app-bar">
+          https://github.com/matsp/material-components-vue/blob/master/components/top-app-bar
+        </a>
+      </m-typo-body>
+    </m-layout-grid-cell>
+    <m-layout-grid-cell :span="8">
+      <m-top-app-bar>
+        <m-icon
+          icon="menu"
+          slot="navigation"/>
+        <div>Title</div>
+        <m-icon
+          icon="file_download"
+          slot="actions"/>
+      </m-top-app-bar>
+    </m-layout-grid-cell>
+  </m-layout-grid-inner>
+</template>
+
+<script>
+import Vue from 'vue'
+import Icon from '../../dist/icon'
+import TopAppBar from '../../dist/top-app-bar'
+
+Vue.use(Icon)
+Vue.use(TopAppBar)
+
+export default {
+
+}
+</script>
+
+<style lang="scss">
+@import "../../dist/top-app-bar/styles";
+</style>