diff --git a/src/components/demos-navigation.vue b/src/components/demos-navigation.vue
index 1ab48f3..31f7af9 100644
--- a/src/components/demos-navigation.vue
+++ b/src/components/demos-navigation.vue
@@ -1,9 +1,9 @@
 <template>
   <div id="holder">
     <div class="links">
-      <a v-if="prev" :href="prev.href" class="prev"> < prev </a>
+      <router-link v-if="prev" :to="prev.path" class="prev"> < prev </router-link>
       <a :href="sourceHref" class="source"> source </a>
-      <a v-if="next" :href="next.href" class="next"> next > </a>
+      <router-link v-if="next" :to="next.path" class="next"> next > </router-link>
     </div>
   </div>
 </template>
diff --git a/src/components/index.vue b/src/components/index.vue
index 6e00c43..4ddc175 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -2,7 +2,7 @@
   <div class="hello">
     <ul>
       <li v-for="item in items">
-        <a :href="item.href">{{ item.name  }}</a>
+        <router-link :to="item.path">{{ item.name }}</router-link>
       </li>
     </ul>
   </div>
diff --git a/src/router/demos.js b/src/router/demos.js
index cd492c2..dcd7791 100644
--- a/src/router/demos.js
+++ b/src/router/demos.js
@@ -29,7 +29,6 @@ export const routes = [
   }
 ].map(r => {
   var res = r;
-  res.href = "#" + r.path;
   res.source = config.githubLink +
                config.d3ComponentsPath +
                r.path +