0.11 examples

Author: yyx990803

Makefile

@@ -2,6 +2,7 @@ all: update
 	rm -f db.json
 	hexo generate
 	cp -R ../vue/test/unit public
+	cp -R ./todomvc public/examples
 
 deploy:	all
 	hexo deploy

source/examples/boilerplate.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/KupQL/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/wd64qs6f/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/commits.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 Vue.js filters and triggers CSS transitions when adding/removing items.
 
-<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/2EN3Z/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/2ok0hp6c/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/firebase.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/mGyQN/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/2kqzhhq4/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/grid-component.md

@@ -5,4 +5,4 @@ order: 6
 
 > This example mainly showcases the spec-compliant <content/> insertion points implementation.
 
-<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/zFK6b/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/qnbmymfm/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

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/u6UbY/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/wy2qf6yx/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/index.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/8FRDq/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/36ew1g5c/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/svg.md

@@ -3,8 +3,8 @@ type: examples
 order: 7
 ---
 
-<iframe width="100%" height="500" src="/perf/todomvc-benchmark/todomvc/vue/index.html" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="todomvc/index.html" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
-> This is a fully spec-compliant TodoMVC implementation in under 120 effective lines of JavaScript (excluding comments and blank lines). It is also [one of the fastest implementations](/perf/).
+> This is a fully spec-compliant TodoMVC implementation in under 120 effective lines of JavaScript (excluding comments and blank lines).
 
 > [[Source](https://github.com/yyx990803/vue/tree/master/examples/todomvc)]

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/2caRm/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/2e53p4wq/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/tree-view.md

@@ -2,9 +2,9 @@ title: Installation
 type: guide
 order: 1
 vue_version: 0.11.0
-dev_size: 167.46
-min_size: 52.94
-gz_size: 17.20
+dev_size: 167.47
+min_size: 52.91
+gz_size: 17.27
 ---
 
 > **Compatibility Note:** Vue.js does not support IE8 and below.

source/guide/installation.md

@@ -86,27 +86,27 @@
     <div class="feats">
         <div class="feat">
             <h2><span class="icon simple"></span>Simple</h2>
-            <p>Write some HTML, grab some JSON, create a ViewModel, that's it.</p>
+            <p>Write some HTML, grab some JSON, create a Vue instance, that's it.</p>
         </div>
         <div class="feat">
             <h2><span class="icon fast"></span>Fast</h2>
-            <p>Precise async batch DOM updates. Check out the <a href="/perf/">benchmarks</a>.</p>
+            <p>Precise and efficient async batch DOM updates.</p>
         </div>
         <div class="feat">
             <h2><span class="icon composable"></span>Composable</h2>
             <p>Compose your application with decoupled, reusable components.</p>
         </div>
         <div class="feat">
             <h2><span class="icon compact"></span>Compact</h2>
-            <p>~13kb minified and gzipped, no dependency.</p>
+            <p>~17kb min+gzip, no dependency.</p>
         </div>
         <div class="feat">
             <h2><span class="icon powerful"></span>Powerful</h2>
-            <p>Expressions and Computed Properties with auto dependency tracking and more.</p>
+            <p>Expressions & computed properties with transparent dependency tracking.</p>
         </div>
         <div class="feat">
             <h2><span class="icon module"></span>Module Friendly</h2>
-            <p>Component, Browserify or Bower - leverage your favorite eco system!</p>
+            <p>Install via NPM, Bower or Duo - leverage your favorite eco system!</p>
         </div>
     </div>
 </div>