tweak

package.json

@@ -17,9 +17,9 @@
     "lru-cache": "^4.0.1",
     "serialize-javascript": "^1.3.0",
     "serve-favicon": "^2.3.0",
-    "vue": "^2.0.0-beta.7",
+    "vue": "^2.0.0-beta.8",
     "vue-router": "^2.0.0-rc.2",
-    "vue-server-renderer": "^2.0.0-beta.7",
+    "vue-server-renderer": "^2.0.0-beta.8",
     "vuex": "^2.0.0-rc.4",
     "vuex-router-sync": "^3.0.0"
   },

src/views/AboutView.vue

@@ -27,7 +27,7 @@
           <li>Client-side DOM re-hydration</li>
         </ul>
       </li>
-      <li>Powerful yet easy-to-use animation system</li>
+      <li>Powerful yet easy-to-use animation system (wait for the lists to update in realtime!)</li>
     </ul>
     <p><a href="https://github.com/vuejs/vue-hackernews-2.0" target="_blank">Source code on GitHub.</a></p>
   </div>

src/views/ItemView.vue

 <template>
-  <div class="item-view">
-    <template v-if="item">
-      <div class="item-view-header">
-        <a :href="item.url" target="_blank">
-          <h2>{{ item.title }}</h2>
-        </a>
-        <span v-if="item.url">({{ item.url | host }})</span>
-        <p>
-          {{ item.score }} points
-          | by <router-link :to="'/user/' + item.by">{{ item.by }}</router-link>
-          {{ item.time | timeAgo }} ago
-          | {{ item.descendants }} comments
-        </p>
-      </div>
-      <ul class="item-view-comments">
-        <comment v-for="id in item.kids" :id="id"></comment>
-      </ul>
-    </template>
+  <div class="item-view" v-if="item">
+    <div class="item-view-header">
+      <a :href="item.url" target="_blank">
+        <h2>{{ item.title }}</h2>
+      </a>
+      <span v-if="item.url">({{ item.url | host }})</span>
+      <p>
+        {{ item.score }} points
+        | by <router-link :to="'/user/' + item.by">{{ item.by }}</router-link>
+        {{ item.time | timeAgo }} ago
+        | {{ item.descendants }} comments
+      </p>
+    </div>
+    <ul class="item-view-comments">
+      <comment v-for="id in item.kids" :id="id"></comment>
+    </ul>
   </div>
 </template>
 

src/views/UserView.vue

 <template>
-  <div class="user-view">
-    <template v-if="user">
-      <ul>
-        <li><span class="label">user:</span> {{ user.id }}</li>
-        <li><span class="label">created:</span> {{ user.created | timeAgo }} ago</li>
-        <li><span class="label">karma:</span> {{user.karma}}</li>
-        <li>
-          <span class="label">about:</span>
-          <div class="about" v-html="user.about"></div>
-        </li>
-      </ul>
-      <p class="links">
-        <a :href="'https://news.ycombinator.com/submitted?id=' + user.id">submissions</a><br>
-        <a :href="'https://news.ycombinator.com/threads?id=' + user.id">comments</a>
-      </p>
-    </template>
+  <div class="user-view" v-if="user">
+    <ul>
+      <li><span class="label">user:</span> {{ user.id }}</li>
+      <li><span class="label">created:</span> {{ user.created | timeAgo }} ago</li>
+      <li><span class="label">karma:</span> {{user.karma}}</li>
+      <li>
+        <span class="label">about:</span>
+        <div class="about" v-html="user.about"></div>
+      </li>
+    </ul>
+    <p class="links">
+      <a :href="'https://news.ycombinator.com/submitted?id=' + user.id">submissions</a><br>
+      <a :href="'https://news.ycombinator.com/threads?id=' + user.id">comments</a>
+    </p>
   </div>
 </template>