Filters (#60)

* Link to custom-elements-everywhere.com (vuejs#2039)

The site <https://custom-elements-everywhere.com> runs a suite of tests against a framework to
identify interoperability issues, and highlight potential fixes already implemented in other frameworks.

This is a great way to give more confidence while choosing Vue.

* Updated Nuxtent link (vuejs#2041)

* Fix wrong statement about arrow function and bound this (vuejs#2040)

* Fix wrong statement about arrow function and bound this

Stating that arrow functions are bound to it's parent `this` is wrong, arrow functions does not have a `this` at all. More: https://twitter.com/getify/status/1101521219243966466

* Update src/v2/guide/instance.md

Co-Authored-By: KadoBOT <ricardo.ambrogi@gmail.com>

* Update instance.md

Remove unnecessary `a`

* translate filters

* fix translate filters

* update translate filters

Author: logustra

src/v2/cookbook/serverless-blog.md

@@ -298,7 +298,7 @@ created() {
 
 ## Alternative Patterns
 
-An alternative pattern to consider, especially if you prefer writing only in Markdown, is using something like [Nuxtent](https://nuxtent.now.sh/guide/writing#async-components). Nuxtent allows you to use `Vue Component` inside of Markdown files. This approach would be akin to a static site approach (i.e. Jekyll) where you compose your blog posts in Markdown files. Nuxtent adds a nice integration between Vue.js and Markdown allowing you to live in a 100% Vue.js world.
+An alternative pattern to consider, especially if you prefer writing only in Markdown, is using something like [Nuxtent](https://nuxtent-module.netlify.com/guide/writing/#async-components). Nuxtent allows you to use `Vue Component` inside of Markdown files. This approach would be akin to a static site approach (i.e. Jekyll) where you compose your blog posts in Markdown files. Nuxtent adds a nice integration between Vue.js and Markdown allowing you to live in a 100% Vue.js world.
 
 ## Wrap up
 

src/v2/guide/filters.md

@@ -1,20 +1,20 @@
 ---
-title: Filters
+title: Filter
 type: guide
 order: 305
 ---
 
-Vue.js allows you to define filters that can be used to apply common text formatting. Filters are usable in two places: **mustache interpolations and `v-bind` expressions** (the latter supported in 2.1.0+). Filters should be appended to the end of the JavaScript expression, denoted by the "pipe" symbol:
+Vue.js memungkinkan Anda untuk menentukan filter yang dapat digunakan untuk memformat tulisan. Filter dapat digunakan di dua tempat: **interpolasi mustache dan ekspresi `v-bind`** (terakhir didukung di 2.1.0+). Filter harus ditambahkan di akhir ekspresi JavaScript dengan simbol "pipe" ( | ):
 
 ``` html
-<!-- in mustaches -->
+<!-- di mustaches -->
 {{ message | capitalize }}
 
-<!-- in v-bind -->
+<!-- di v-bind -->
 <div v-bind:id="rawId | formatId"></div>
 ```
 
-You can define local filters in a component's options:
+Anda dapat menentukan filter lokal dalam opsi komponen:
 
 ``` js
 filters: {
@@ -26,7 +26,7 @@ filters: {
 }
 ```
 
-or define a filter globally before creating the Vue instance:
+atau menentukan filter secara global sebelum membuat Vue instance:
 
 ``` js
 Vue.filter('capitalize', function (value) {
@@ -40,7 +40,7 @@ new Vue({
 })
 ```
 
-Below is an example of our `capitalize` filter being used:
+Di bawah ini adalah contoh dari filter `capitalize` yang kami gunakan:
 
 {% raw %}
 <div id="example_1" class="demo">
@@ -66,20 +66,20 @@ Below is an example of our `capitalize` filter being used:
 </script>
 {% endraw %}
 
-The filter's function always receives the expression's value (the result of the former chain) as its first argument. In the above example, the `capitalize` filter function will receive the value of `message` as its argument.
+Filter selalu menerima nilai ekspresi (hasil dari rantai sebelumnya) sebagai argumen pertama. Dalam contoh di atas, filter `capitalize` akan menerima nilai `message` sebagai argumen.
 
-Filters can be chained:
+Filter bisa berantai:
 
 ``` html
 {{ message | filterA | filterB }}
 ```
 
-In this case, `filterA`, defined with a single argument, will receive the value of `message`, and then the `filterB` function will be called with the result of `filterA` passed into `filterB`'s single argument.
+Pasa kasus ini, `filterA`, didefinisikan dengan satu argumen, yang akan menerima nilai `message`, kemudian `filterB` akan dipanggil dengan hasil dari `filterA` yang akan dilanjutkan ke `filterB` sebagai satu argumen.
 
-Filters are JavaScript functions, therefore they can take arguments:
+Filter adalah fungsi JavaScript, oleh karena itu mereka dapat mengambil argumen:
 
 ``` html
 {{ message | filterA('arg1', arg2) }}
 ```
 
-Here `filterA` is defined as a function taking three arguments. The value of `message` will be passed into the first argument. The plain string `'arg1'` will be passed into the `filterA` as its second argument, and the value of expression `arg2` will be evaluated and passed in as the third argument.
+Di sini `filterA` didefinisikan sebagai fungsi yang mengambil tiga argumen. Nilai `message` yang akan dilanjutkan ke argumen pertama. String `'arg1'` yang akan di lanjutkan ke `filterA` sebagian argumen kedua, dan nilai dari ekspresi `arg2` akan dievaluasi dan diteruskan sebagai argumen ketiga.

src/v2/guide/index.md

@@ -393,6 +393,8 @@ You may have noticed that Vue components are very similar to **Custom Elements**
 
 2. Vue components provide important features that are not available in plain custom elements, most notably cross-component data flow, custom event communication and build tool integrations.
 
+Although Vue doesn't use custom elements internally, it has [great interoperability](https://custom-elements-everywhere.com/#vue) when it comes to consuming or distributing as custom elements. Vue CLI also supports building Vue components that register themselves as native custom elements.
+
 ## Ready for More?
 
 We've briefly introduced the most basic features of Vue.js core - the rest of this guide will cover them and other advanced features with much finer details, so make sure to read through it all!