first app draft

src/App.vue

@@ -0,0 +1,63 @@
+<template>
+  <div id="root">
+    <header role="banner">
+      <div class="wrapper">
+        <h1
+          class="site-title"
+          tabindex="0"
+        >
+          <router-link :to="{ name:'home' }">Muntadas</router-link>
+        </h1>
+        <HeaderMenu />
+      </div>
+    </header>
+    <section role="main-content">
+      <div class="wrapper">
+        <RouterView />
+      </div>
+    </section>
+    <footer role="tools">
+      <History />
+      <Results v-if="resultsOpened" />
+      <div id="footer-bottom" class="row">
+        <FooterTabs />
+        <Search />
+      </div>
+    </footer>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+
+export default {
+  metaInfo: {
+    // if no subcomponents specify a metaInfo.title, this title will be used
+    title: 'Home',
+    // all titles will be injected into this template
+    titleTemplate: '%s | Muntadas'
+  }
+  // components: {
+  //   HeaderMenu,
+  //   History,
+  //   Results,
+  //   Search,
+  //   FooterTabs
+  // },
+  // computed: {
+  //   ...mapState({
+  //     resultsOpened: state => state.Search.opened
+  //   })
+  // }
+}
+</script>
+
+<style lang="scss" scoped>
+
+.container{
+  // font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+  max-width: 1200px;
+
+}
+
+</style>

src/index.js

@@ -0,0 +1,21 @@
+import Vue from 'vue'
+import router from './router'
+import store from './store'
+// import { sync } from 'vuex-router-sync'
+import Meta from 'vue-meta'
+import App from './App'
+
+
+import 'assets/css/mdi/css/materialdesignicons.css'
+// import 'mdi/font'
+import 'assets/css/app.scss'
+
+Vue.use(Meta)
+
+// sync(store, router) // done. Returns an unsync callback fn
+
+new Vue({
+  router,
+  store,
+  render: h => h(App)
+}).$mount('#app')