docs(example): done (vuejs#154)

Author: mazipan

src/v2/examples/commits.md

@@ -4,6 +4,6 @@ type: examples
 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.
+> Contoih berikut mengambil commit Vue.js terakhir dari API Github dan menampilkannya sebagai sebuah daftar. Anda bisa berpindah antara cabang master dan dev.
 
 <iframe width="100%" height="500" src="https://jsfiddle.net/yyx990803/c5g8xnar/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

src/v2/examples/deepstream.md

@@ -4,6 +4,6 @@ type: examples
 order: 9
 ---
 
-> This example uses [deepstreamHub](https://deepstreamhub.com/) to synchronize realtime data, send events and make remote procedure calls between clients (you can try opening it in multiple browser windows).
+> Contoh berikut menggunakan [deepstreamHub](https://deepstreamhub.com/) untuk melakukan sinkronisasi dalam waktu nyata, mengirim events dan membuat panggilan remote procedure antara klien-klien (Anda bisa mencoba membukanya dalam beberapa jendela perambah).
 
 <iframe width="100%" height="500" src="https://jsfiddle.net/yyx990803/ff0sp9hw/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

src/v2/examples/firebase.md

@@ -1,9 +1,9 @@
 ---
-title: Firebase + Validation
+title: Firebase + Validasi
 type: examples
 order: 10
 ---
 
-> This example uses [Firebase](https://firebase.google.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.
+> Contoh berikut menggunakan [Firebase](https://firebase.google.com/) sebagai backend penyimpan data tetap dan mensinkronisasi antara klien dalam waktu nyata (Anda bisa mencobanya dengan membuka pada beberapa jendela peramban). Sebagai tambahan, contoh ini melakukan validasi instan menggunakan properti computed dan memicu transisi CSS ketika menambah/menghapus item.
 
 <iframe width="100%" height="500" src="https://jsfiddle.net/chrisvfritz/pyLbpzzx/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

src/v2/examples/grid-component.md

@@ -4,6 +4,6 @@ type: examples
 order: 3
 ---
 
-> This is an example of creating a reusable grid component and using it with external data.
+> Berikut adalah contoh membuat komponen grid yang bisa digunakan ulang menggunakan data eksternal.
 
 <iframe width="100%" height="500" src="https://jsfiddle.net/Tertia/vbyon64p/6/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

src/v2/examples/hackernews.md

@@ -4,7 +4,7 @@ type: examples
 order: 12
 ---
 
-> This is a HackerNews clone built upon HN's official Firebase API, Vue 2.0 + Vue Router + Vuex, with server-side rendering.
+> Berikut adalah tiruan HackerNews yang dibuat berdasarkan Firebase APi resmi dari HackerNews, Vue 2.0 + Vue Router + Vuex, dengan server-side rendering.
 
 {% raw %}
 <div style="max-width: 600px;">
@@ -15,21 +15,21 @@ order: 12
 {% endraw %}
 
 > [Live Demo](https://vue-hn.herokuapp.com/)
-> Note: the demo may need some spin up time if nobody has accessed it for a certain period.
+> Catatan: demo mungkin akan membutuhkan waktu muat ketika tidak seorangpun mengaksesnya dalam beberapa jangka waktu.
 >
-> [[Source](https://github.com/vuejs/vue-hackernews-2.0)]
+> [[Kode sumber](https://github.com/vuejs/vue-hackernews-2.0)]
 
-## Features
+## Fitur
 
 - Server Side Rendering
-  - Vue + Vue Router + Vuex working together
+  - Vue + Vue Router + Vuex bekerja bersama
   - Server-side data pre-fetching
   - Client-side state & DOM hydration
 - Single-file Vue Components
-  - Hot-reload in development
-  - CSS extraction for production
-- Real-time List Updates with FLIP Animation
+  - Hot-reload dalam pembangunan
+  - Ekstaksi CSS untuk produksi
+- Perbaruan secara waktu nyata dengan animasi FLIP
 
-## Architecture Overview
+## Ikhtisar Arsitektur
 
 <img width="973" alt="Hackernew clone architecture overview" src="../../images/hn-architecture.png">

src/v2/examples/index.md

@@ -4,6 +4,6 @@ type: examples
 order: 0
 ---
 
-> Dead simple Markdown editor.
+> Pengubah Markdown sederhana.
 
 <iframe width="100%" height="500" src="https://jsfiddle.net/chrisvfritz/0dzvcf4d/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

src/v2/examples/modal.md

@@ -1,9 +1,9 @@
 ---
-title: Modal Component
+title: Modal Komponen
 type: examples
 order: 6
 ---
 
-> Features used: component, prop passing, content insertion, transitions.
+> Fitur yang digunakan: komponen, pelemparan prop, penyisipan konten, transisi.
 
 <iframe width="100%" height="500" src="https://jsfiddle.net/yyx990803/mwLbw11k/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

src/v2/examples/select2.md

@@ -1,9 +1,9 @@
 ---
-title: Wrapper Component
+title: Wrapper Komponen
 type: examples
 order: 8
 ---
 
-> In this example we are integrating a 3rd party jQuery plugin (select2) by wrapping it inside a custom component.
+> Pada contoh berikut kita akan mengintegrasikan layanan plugin jQuery (select2) dengan membungkusnya ke dalam komponen kustom.
 
 <iframe width="100%" height="500" src="https://jsfiddle.net/chrisvfritz/d131Lebj/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

src/v2/examples/svg.md

@@ -4,6 +4,6 @@ type: examples
 order: 5
 ---
 
-> This example showcases a combination of custom component, computed property, two-way binding and SVG support.
+> Pada contoh berikut kita akan menyajikan kustom komponen kombinasi dari properti computed, data binding dua arah dan dukungan SVG.
 
 <iframe width="100%" height="500" src="https://jsfiddle.net/yyx990803/mhrckqgq/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

src/v2/examples/themes.md

@@ -4,7 +4,7 @@ type: examples
 is_new: true
 order: 13
 ---
-> With the examples below built by our partners from [Creative Tim](https://creative-tim.com?affiliate_id=116187) you can see how a real world application is built, the technology stack behind it and how most of the concepts you've learned so far apply in a real world application. 
+> Dengan contoh yang dibuat oleh mitra kami dari  [Creative Tim](https://creative-tim.com?affiliate_id=116187) Anda bisa melihat bagaimana aplikasi pada dunia nyata dibuat, teknologi stack dibelakangnya dan bagaimana sebagian besar konsep yang telah kalian pelajari selama ini diaplikasikan pada aplikasi dunia nyata.
 
 {% raw %}
 <div id="themes-example" class="themes-grid">