update examples

Author: yyx990803

source/examples/commits.md

@@ -5,4 +5,4 @@ order: 1
 
 > This example fetches latest Vue.js commits data from GitHub's API and displays them as a list. You can switch between the master and dev branches.
 
-<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/wd64qs6f/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/vaj48u3h/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/firebase.md

@@ -5,4 +5,4 @@ order: 2
 
 > This example uses [Firebase](https://www.firebase.com/) as the data persistence backend and syncs between clients in real time (you can try opening it in multiple browser tabs). In addition, it performs instant validation using computed properties and triggers CSS transitions when adding/removing items.
 
-<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/2ok0hp6c/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/2d3htmpr/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/grid-component.md

@@ -5,4 +5,4 @@ order: 3
 
 > This is an example of creating a reusable grid component and using it with external data.
 
-<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/f83qnhbu/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/m7sgaron/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/hackernews.md

@@ -1,6 +1,6 @@
 title: HackerNews Clone
 type: examples
-order: 10
+order: 9
 ---
 
 > This is a HackerNews clone built upon HN's official Firebase API, and using Webpack + vue-loader for the build setup.

source/examples/image-slider.md

@@ -5,4 +5,4 @@ order: 0
 
 > Dead simple Markdown editor.
 
-<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/wy2qf6yx/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/oe7axeab/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/index.md

@@ -1,8 +1,8 @@
 title: Modal Component
 type: examples
-order: 7
+order: 6
 ---
 
 > Features used: component, prop passing, content insertion, transitions.
 
-<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/bfzpwxo4/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/msx42stu/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/modal.md

@@ -1,8 +1,8 @@
 title: Custom Directive
 type: examples
-order: 8
+order: 7
 ---
 
 > In this example we are integrating a 3rd party jQuery plugin (select2) by wrapping it inside a custom directive.
 
-<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/zuc27nw9/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/157m67zu/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/select2.md

@@ -5,4 +5,4 @@ order: 5
 
 > This example showcases a combination of custom component, computed property, two-way binding and SVG support.
 
-<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/bbt0f3nz/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/tfpcsxgf/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/svg.md

@@ -1,6 +1,6 @@
 title: TodoMVC
 type: examples
-order: 9
+order: 8
 ---
 
 > This is a fully spec-compliant TodoMVC implementation in under 120 effective lines of JavaScript (excluding comments and blank lines).

source/examples/todomvc.md

@@ -5,4 +5,4 @@ order: 4
 
 > Example of a simple tree view implementation showcasing recursive usage of components.
 
-<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/oebm9sm8/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/u4n1m04q/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/tree-view.md

@@ -14,9 +14,9 @@ gz_size: "23.55"
 Simply download and include with a script tag. `Vue` will be registered as a global variable.
 
 <div id="downloads">
-<a class="button" href="https://raw.github.com/yyx990803/vue/{{vue_version}}/dist/vue.js" download>Development Version</a><span class="light info">{{dev_size}}kb, plenty of comments and debug/warning messages.</span>
+<a class="button" href="https://raw.github.com/yyx990803/vue/{{vue_version}}/dist/vue.js" download>Development Version</a><span class="light info">With full warnings and debug mode</span>
 
-<a class="button" href="https://raw.github.com/yyx990803/vue/{{vue_version}}/dist/vue.min.js" download>Production Version</a><span class="light info">{{min_size}}kb minified / {{gz_size}}kb gzipped</span>
+<a class="button" href="https://raw.github.com/yyx990803/vue/{{vue_version}}/dist/vue.min.js" download>Production Version</a><span class="light info">Warnings stripped, {{gz_size}}kb min+gzip</span>
 </div>
 
 ### CDN