update to latest 1.0 syntax

Author: yyx990803

src/app.vue

@@ -14,8 +14,8 @@
     <!-- main view -->
     <component
       class="view"
-      bind-is="view"
-      bind-params="params"
+      :is="view"
+      :params="params"
       keep-alive
       transition
       transition-mode="out-in">

src/components/comment.vue

@@ -1,15 +1,15 @@
 <template>
   <li v-show="comment.text">
     <div class="comhead">
-      <a class="toggle" on-click="open = !open">{{open ? '[-]' : '[+]'}}</a>
-      <a bind-href="'#/user/' + comment.by">{{comment.by}}</a>
+      <a class="toggle" @click="open = !open">{{open ? '[-]' : '[+]'}}</a>
+      <a :href="'#/user/' + comment.by">{{comment.by}}</a>
       {{comment.time | fromNow}} ago
     </div>
     <div class="comment-content" v-show="open">
       {{{comment.text}}}
     </div>
     <ul class="child-comments" v-if="comment.kids" v-show="open">
-      <comment v-for="comment in childComments" bind-comment="comment"></comment>
+      <comment v-for="comment in childComments" :comment="comment"></comment>
     </ul>
   </li>
 </template>

src/components/item.vue

@@ -2,19 +2,19 @@
   <div class="item">
     <span class="index">{{index}}.</span>
     <p>
-      <a class="title" bind-href="href" target="_blank">{{item.title}}</a>
+      <a class="title" :href="href" target="_blank">{{item.title}}</a>
       <span class="domain" v-show="showDomain">
         ({{item.url | domain}})
       </span>
     </p>
     <p class="subtext">
       <span v-show="showInfo">
         {{item.score}} points by
-        <a bind-href="'#/user/' + item.by">{{item.by}}</a>
+        <a :href="'#/user/' + item.by">{{item.by}}</a>
       </span>
       {{item.time | fromNow}} ago
       <span class="comments-link" v-show="showInfo">
-        | <a bind-href="'#/item/' + item.id">{{item.descendants}} comments</a>
+        | <a :href="'#/item/' + item.id">{{item.descendants}} comments</a>
       </span>
     </p>
   </div>

src/views/item-view.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="item-view" v-show="item">
-    <item bind-item="item"></item>
+    <item :item="item"></item>
     <ul class="poll-options" v-if="pollOptions">
       <li v-for="option in pollOptions">
         <p>{{option.text}}</p>
@@ -10,7 +10,7 @@
     <ul class="comments" v-if="comments">
       <comment
         v-for="comment in comments"
-        bind-comment="comment">
+        :comment="comment">
       </comment>
     </ul>
     <p v-show="!comments.length">No comments yet.</p>

src/views/news-view.vue

@@ -1,16 +1,16 @@
 <template>
-  <div class="news-view" bind-class="{ loading: !items.length }">
+  <div class="news-view" :class="{ loading: !items.length }">
     <!-- item list -->
     <item
       v-for="item in items"
-      bind-item="item"
-      bind-index="getItemIndex($index)"
+      :item="item"
+      :index="getItemIndex($index)"
       track-by="id">
     </item>
     <!-- navigation -->
     <div class="nav" v-show="items.length > 0">
-      <a v-if="params.page > 1" bind-href="'#/news/' + (params.page - 1)">&lt; prev</a>
-      <a v-if="params.page < 4" bind-href="'#/news/' + (params.page + 1)">more...</a>
+      <a v-if="params.page > 1" :href="'#/news/' + (params.page - 1)">&lt; prev</a>
+      <a v-if="params.page < 4" :href="'#/news/' + (params.page + 1)">more...</a>
     </div>
   </div>
 </template>

src/views/user-view.vue

@@ -12,8 +12,8 @@
       </li>
     </ul>
     <p class="links">
-      <a bind-href="'https://news.ycombinator.com/submitted?id=' + user.id">submissions</a><br>
-      <a bind-href="'https://news.ycombinator.com/threads?id=' + user.id">comments</a>
+      <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>