improved accessibilty: page title

src/App.vue

@@ -1,7 +1,13 @@
 <template>
   <div id="root">
     <header role="banner">
-      <h1>Les Guides de Paris</h1>
+      <h1
+        tabindex="0"
+        @click="closePost()"
+        @keydown.enter="closePost()"
+      >
+        Les Guides de Paris
+      </h1>
     </header>
     <section class="container center-content">
       <RouterView />
@@ -10,6 +16,25 @@
   </div>
 </template>
 
+<script>
+import { mapState, mapActions } 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 | Guides de Paris'
+  },
+  computed: mapState({
+    opened: state => state.posts.opened
+  }),
+  methods: mapActions('posts', [
+    'closePost'
+  ])
+}
+</script>
+
 <style lang="stylus" scoped>
 
 .container