Update App.vue header (#122)

The <header> element specifies a header for a document or section. The <nav> 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.

Update App.vue header (#122)
4114eff3 · Pius Nyakoojo · Evan You · b04ea0c4 · 4114eff3
Commit 4114eff3 authored Jan 18, 2017 by Pius Nyakoojo Committed by Evan You Jan 18, 2017
Hide whitespace changes
Inline Side-by-side

Showing with 4 additions and 4 deletions

App.vue src/App.vue +4 -4

No files found.
--- a/src/App.vue
+++ b/src/App.vue
 <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>