Update App.vue header (vuejs#122)

PiusNyakoojo · yyx990803 · commit 4114eff3770a · 2017-01-18T15:18:46.000-05:00
The &lt;header&gt; element specifies a header for a document or section.
The &lt;nav&gt; element defines a set of navigation links.

These elements are more meaningful to screen readers and other devices and improve the accessibility of a site.
diff --git a/src/App.vue b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="app">
-    <div class="header">
-      <div class="inner">
+    <header class="header">
+      <nav class="inner">
         <router-link to="/" exact>
           <img class="logo" src="~public/logo-48.png" alt="logo">
         </router-link>
@@ -13,8 +13,8 @@
         <a class="github" href="https://github.com/vuejs/vue-hackernews-2.0" target="_blank">
           Built with Vue.js
         </a>
-      </div>
-    </div>
+      </nav>
+    </header>
     <transition name="fade" mode="out-in">
       <router-view></router-view>
     </transition>
