From 6c66b1551194004ed7e6ad1ae337b15879e458e6 Mon Sep 17 00:00:00 2001 From: Yudhi Satrio Date: Sun, 14 Oct 2018 06:04:27 +0700 Subject: [PATCH 001/241] Translate to ID --- README.md | 100 ++++++++++++++++++++++++++++++------------------------ 1 file changed, 56 insertions(+), 44 deletions(-) diff --git a/README.md b/README.md index 3a409505fe..e7e042f5dd 100644 --- a/README.md +++ b/README.md @@ -1,92 +1,104 @@ # vuejs.org -This site is built with [hexo](http://hexo.io/). Site content is written in Markdown format located in `src`. Pull requests welcome! +Situs ini dibuat dengan [hexo](http://hexo.io/). Konten situs ditulis dengan format _Markdown_ berlokasi di `src`. _Pull request_ diterima! -## Developing +## Pengembangan ``` bash +# npm $ npm install -$ npm start # dev server at http://localhost:4000 +$ npm start # dev server di http://localhost:4000 + +# yarn +$ yarn +$ yarn start # dev server di http:://localhost:4000 ``` ## Deploying -The site is automatically deployed when commits land in `master`, via [Netlify](https://www.netlify.com/). +Situs ini secara otomatis ter-_deploy_ ketika _commit_ masuk ke dalam `master`, melalui [Netlify](https://www.netlify.com). + +Jika kamu adalah maintainer dari sebuah _fork_ komunitas penerjemah dan ingin men-_deploy_ memlalui Netlify daripada halaman Github, tolong ping @yyx990803 dalam sebuah _issue_ untuk memohon sebuah keanggotaan tim Netlify dan pembaruan DNS. + +## Dalam penerjemahan + +Terjemahan untuk proyek dokumentasi saat ini dikelola di repositori terpisah yang di-_fork_ dari aslinya. -If you are the maintainer of a community translation fork and would like to deploy via Netlify instead of GitHub pages, please ping @yyx990803 in an issue to request a Netlify team membership and DNS update. +### Perancis -## On Translations +Terjemahan bahasa Perancis dikelola oleh Vuejs-FR. -Translation for this documentation project are currently maintained in separate repositories forked from this original one. +* Repo Terjemahan - [/vuejs-fr/vuejs.org](https://github.com/vuejs-fr/vuejs.org) -### French +### Indonesia -French translation is maintained by Vuejs-FR. +Terjemahan bahasa Indonesia dikelola oleh [subjs](https://github.com/subjs). -* Translation Repo - [/vuejs-fr/vuejs.org](https://github.com/vuejs-fr/vuejs.org) +* Repo Terjemahan - [/subjs/vuejs.org](https://github.com/subjs/vuejs.org) +* Pengelola utama - [isatrio](https://github.com/isatrio) -### Italian +### Italia -* Translation Repo - [/vuejs/it.vuejs.org](https://github.com/vuejs/it.vuejs.org) +* Repo Terjemahan - [/vuejs/it.vuejs.org](https://github.com/vuejs/it.vuejs.org) -### Japanese +### Jepang -Japanese translation is maintained by [Vue.js japan user group](https://github.com/vuejs-jp) +Terjemahan bahasa Jepang dikelola oleh [Vue.js japan user group](https://github.com/vuejs-jp) -* Translation Repo - [/vuejs/jp.vuejs.org](https://github.com/vuejs/jp.vuejs.org) -* Primary maintainer - [kazupon](https://github.com/kazupon) -* Secondary Maintainers: +* Repo Terjemahan - [/vuejs/jp.vuejs.org](https://github.com/vuejs/jp.vuejs.org) +* Pengelola utama - [kazupon](https://github.com/kazupon) +* Pengelola sekunder: * [re-fort](https://github.com/re-fort) * [potato4d](https://github.com/potato4d) -### Korean +### Korea -Korean translation is maintained by [Vue.js Korean User group](https://github.com/vuejs-kr). +Terjemahan bahasa Korean dikelola oleh [Vue.js Korean User group](https://github.com/vuejs-kr). -* Translation Repo - [/vuejs-kr/kr.vuejs.org](https://github.com/vuejs-kr/kr.vuejs.org) -* Primary maintainer - [ChangJoo Park](https://github.com/ChangJoo-Park) +* Repo terjemahan - [/vuejs-kr/kr.vuejs.org](https://github.com/vuejs-kr/kr.vuejs.org) +* Pengelola utama - [ChangJoo Park](https://github.com/ChangJoo-Park) ### Mandarin -* Translation Repo - [/vuejs/cn.vuejs.org](https://github.com/vuejs/cn.vuejs.org) +* Repo Terjemahan - [/vuejs/cn.vuejs.org](https://github.com/vuejs/cn.vuejs.org) -### Persian (Farsi) +### Persia (Farsi) -Persian translation is maintained by VueJS-fa. +Terjemahan bahasa Persia dikelola oleh VueJS-fa. -* Translation Repo - [/vuejs-fa/fa.vuejs.org](https://github.com/vuejs-fa/fa.vuejs.org) -* Primary maintainer - [Pooya Parsa](https://github.com/pi0) +* Repo terjemahan - [/vuejs-fa/fa.vuejs.org](https://github.com/vuejs-fa/fa.vuejs.org) +* Pengelola utama - [Pooya Parsa](https://github.com/pi0) -### Português-Br +### Portugal - Brazil -Português-Br translation is maintained by [Vuejs-Br](https://github.com/vuejs-br). +Terejamahan bahasa Portugal-Brazil dikelola oleh [Vuejs-Br](https://github.com/vuejs-br). -* Translation Repo - [/vuejs-br/br.vuejs.org](https://github.com/vuejs-br/br.vuejs.org) +* Repo terjemahan - [/vuejs-br/br.vuejs.org](https://github.com/vuejs-br/br.vuejs.org) -### Russian +### Rusia -Russian translation is maintained by Translation Gang. +Terejamahan bahasa Rusia dikelola oleh Translation Gang. -* Translation Repo - [/translation-gang/ru.vuejs.org](https://github.com/translation-gang/ru.vuejs.org) -* Primary maintainer - [Grigoriy Beziuk](https://gbezyuk.github.io) +* Repo terjemahan - [/translation-gang/ru.vuejs.org](https://github.com/translation-gang/ru.vuejs.org) +* Pengelola utama - [Grigoriy Beziuk](https://gbezyuk.github.io) -### Spanish +### Spanyol -Spanish translation is maintained by VueJS-ES. +Terjemahan bahasa Spanyol dikelola oleh VueJS-ES. -* Translation Repo - [/vuejs-es/vuejs.org](https://github.com/vuejs-es/vuejs.org) +* Repo terjemahan - [/vuejs-es/vuejs.org](https://github.com/vuejs-es/vuejs.org) -### Vietnamese +### Vietnam -Vietnamese translation is maintained by [Vue.js Vietnam User group](https://github.com/vuejs-vn/). +Terjemahan bahasa Vietnam dikelola oleh [Vue.js Vietnam User group](https://github.com/vuejs-vn/). -* Translation Repo: [/vuejs-vn/vuejs.org](https://github.com/vuejs-vn/vuejs.org) -* Primary maintainer - [phanan](https://github.com/phanan) +* Repo terjemahan - [/vuejs-vn/vuejs.org](https://github.com/vuejs-vn/vuejs.org) +* Pengelola utama - [phanan](https://github.com/phanan) -### Want to help with the translation? +### Ingin membantu menterjemahkan? -If you feel okay with translating sorta alone, you can fork the repo, create a "work-in-progress" issue to inform others that you're doing the translation, and go for it. +Jika kamu merasa ok dengan menerjemahankan sendiri, kamu bisa _fork_ repo, buat sebuah _issue_ _"work-in-progress"_ untuk memberi tahu lainnya jika kamu sedang melakukan penerjemahan, dan jalankan. -If you are more of a team player, Translation Gang might be for you. Let us know somehow that you're ready to join this international open-source translators community. Feel free to contact [Grigoriy Beziuk](https://gbezyuk.github.io) or anybody else from [the team](https://github.com/orgs/translation-gang/people). +Jika kamu adalah seorang pemain tim, Gang Penerjemahan mungkin cocok dengan kamu. Beritahu kami jika kamu siap untuk bergabung dalam _international open-source translators community_. Jangan ragu untu mengontak [Grigoriy Beziuk](https://gbezyuk.github.io) atau siapapun dalam [tim](https://github.com/orgs/translation-gang/people). -And thank you in advance ;) +Dan terima kasih :) From 04a8ff2c348f268f58dad7fa0c0ef5a0c8d79396 Mon Sep 17 00:00:00 2001 From: Yudhi Satrio Date: Sun, 14 Oct 2018 06:51:29 +0700 Subject: [PATCH 002/241] Index page vuejs --- themes/vue/_config.yml | 2 +- themes/vue/layout/index.ejs | 26 +++++++++---------- .../layout/partials/ecosystem_dropdown.ejs | 20 +++++++------- .../vue/layout/partials/language_dropdown.ejs | 2 +- themes/vue/layout/partials/learn_dropdown.ejs | 10 +++---- themes/vue/layout/partials/main_menu.ejs | 2 +- themes/vue/layout/partials/sponsors.ejs | 6 ++--- .../layout/partials/support_vue_dropdown.ejs | 8 +++--- 8 files changed, 38 insertions(+), 38 deletions(-) diff --git a/themes/vue/_config.yml b/themes/vue/_config.yml index 1f27bf5e12..651cc93cd6 100644 --- a/themes/vue/_config.yml +++ b/themes/vue/_config.yml @@ -12,7 +12,7 @@ platinum_sponsors_china: special_sponsors: - url: https://code.xyz/ img: codexyz.png - description: Build APIs in Your Web Browser + description: Buat API di Browsermu platinum_sponsors: - url: https://www.bitsrc.io/?utm_source=vue&utm_medium=vue&utm_campaign=vue&utm_term=vue&utm_content=vue diff --git a/themes/vue/layout/index.ejs b/themes/vue/layout/index.ejs index eddf40dd60..3a1ecf518b 100644 --- a/themes/vue/layout/index.ejs +++ b/themes/vue/layout/index.ejs @@ -13,13 +13,13 @@

Vue.js

- The Progressive
JavaScript Framework + Framework Javascript
Progresif

<%- partial('icons/play') %> - WHY VUE.JS? - ">GET STARTED + Kenapa VUE.JS? + ">Mulai <%- partial('icons/github-dark') %> GITHUB @@ -29,7 +29,7 @@

-

Special Sponsor

+

Sponsor Spesial

<% var specialSponsor = theme.special_sponsors[0]; %> Code.xyz Logo @@ -41,21 +41,21 @@ diff --git a/themes/vue/layout/partials/ecosystem_dropdown.ejs b/themes/vue/layout/partials/ecosystem_dropdown.ejs index fa03f1c86a..75709dea82 100644 --- a/themes/vue/layout/partials/ecosystem_dropdown.ejs +++ b/themes/vue/layout/partials/ecosystem_dropdown.ejs @@ -1,13 +1,13 @@
  • - Ecosystem + Ekosistem
    • diff --git a/themes/vue/layout/search-page.ejs b/themes/vue/layout/search-page.ejs index 4a409c3d83..2470023446 100644 --- a/themes/vue/layout/search-page.ejs +++ b/themes/vue/layout/search-page.ejs @@ -8,7 +8,7 @@

    @@ -25,7 +25,7 @@ > -

    No results were found.

    +

    Tidak ada hasil yang ditemukan

    diff --git a/themes/vue/layout/sponsors-page.ejs b/themes/vue/layout/sponsors-page.ejs index 84e19d740e..b9ac79959d 100644 --- a/themes/vue/layout/sponsors-page.ejs +++ b/themes/vue/layout/sponsors-page.ejs @@ -1,13 +1,12 @@

    Sponsor Vue.js Development

    -Vue.js is an MIT licensed open source project and completely free to use. -However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing. You can support Vue.js development via the following methods: +Vue,js adalah sebuah proyek kode sumber terbuka berlisensi MIT dan babas untuk digunakan. Bagaimanapun, upaya dibutuhkan untuk mengelola dan mengembangkan fitur baru untuk proyek tidak akan bertahan tanpa dukungan finansial yang layak. Kamu bisa mendukung pengembangan Vue.js dengan beberapa cara:

    -

    One-time Donations

    +

    Donasi sekali waktu

    -

    We accept donations through these channels:

    +

    Kami menerimah donasi melalui beberapa kanal:

    @@ -54,24 +53,24 @@ window.addEventListener('hashchange', function () { }) -

    Recurring Pledges

    +

    Donasi berkala

    -Recurring pledges come with exclusive perks, e.g. having your name listed in the Vue GitHub repository, or have your company logo placed on this website. +Donasi berkala datang dengan fasilitas eksklusif, misalnya namamu tercantum di repositori GitHub Vue, atau logo perusahaanmu diletakan dalam situs web ini.

    -

    Current Premium Sponsors:

    +

    Sponsor Premium Saat Ini:

    -

    Special Sponsors

    +

    Sponsor Special

    <%_ for (const sponsor of theme.special_sponsors) {_%> @@ -91,7 +90,7 @@ Recurring pledges come with exclusive perks, e.g. having your name listed in the <%_ } _%>

    -

    Special Sponsors (China)

    +

    Sponsor Spesial (China)

    <%_ for (const sponsor of theme.platinum_sponsors_china) {_%> @@ -132,9 +131,9 @@ Recurring pledges come with exclusive perks, e.g. having your name listed in the

    -If you run a business and are using Vue in a revenue-generating product, it makes business sense to sponsor Vue development: it ensures the project that your product relies on stays healthy and actively maintained. It can also help your exposure in the Vue community and makes it easier to attract Vue developers. +Jika kamu menjalankan sebuah bisnis dan menggunakan Vue dalam produk pendapatan, itu masuk akal untuk mensponsori pengembangan Vue: ini memastikan proyekmu yang bergantung (pada Vue) dalam keadaan sehat dan dikelola secara aktif. Ini bisa juga membantu keberadaanmu dalam komunitas Vue dan membuatnya lebih mudah untuk menarik developer Vue.

    -If you are an individual user and have enjoyed the productivity of using Vue, consider donating as a sign of appreciation - like buying me coffee once in a while :) +Jika kamu adalah seorang individu dan menikmati produktivitas dalam menggunakan Vue, mempertimbangkan berdonasi sebagai tanda apresiasi - seperti membelikanku kopi sesekali :)

    From 18b2171d67ba747ec874c87f6fba1bf2599b78e4 Mon Sep 17 00:00:00 2001 From: Yudhi Satrio Date: Thu, 18 Oct 2018 08:11:31 +0700 Subject: [PATCH 004/241] Add new line to explain how to do pull request --- README.md | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/README.md b/README.md index e7e042f5dd..f25b9eda81 100644 --- a/README.md +++ b/README.md @@ -2,6 +2,15 @@ Situs ini dibuat dengan [hexo](http://hexo.io/). Konten situs ditulis dengan format _Markdown_ berlokasi di `src`. _Pull request_ diterima! +## _Pull Request_ + +Lakukan _pull request_ dengan mebandingkan _branch_ lang_id dalam repo ini dengan _branch_ yang sudah kamu ubah. Contoh: + +``` +base fork: subjs/vuejs.org branch: lang_id +head fork: isatrio/vuejs.org branch: master +``` + ## Pengembangan ``` bash From 5a16c314e55de4e1f8dc2e4158c74b08f109b49c Mon Sep 17 00:00:00 2001 From: Aldo Zulhaq <44134685+maldozulhaq@users.noreply.github.com> Date: Thu, 18 Oct 2018 16:48:02 +0700 Subject: [PATCH 005/241] Add files via upload --- src/_posts/011-component.md | 122 +++++++++++++++++----------------- src/_posts/1.0.0-release.md | 128 ++++++++++++++++++------------------ 2 files changed, 125 insertions(+), 125 deletions(-) diff --git a/src/_posts/011-component.md b/src/_posts/011-component.md index c95230e530..e3dc6ca049 100644 --- a/src/_posts/011-component.md +++ b/src/_posts/011-component.md @@ -1,61 +1,61 @@ ---- -title: 0.11 Component Tips -date: 2014-12-08 15:02:14 -tags: ---- - -

    Note: this post contains information for the outdated 0.11 version. Please refer to the [0.12 release notes](https://github.com/yyx990803/vue/releases) for the changes in the API.

    - -The release of 0.11 introduced [many changes](https://github.com/yyx990803/vue/blob/master/changes.md), but the most important one is how the new component scope works. Previously in 0.10.x, components have inherited scope by default. That means in a child component template you can reference parent scope properties. This often leads to tightly-coupled components, where a child component assumes knowledge of what properties are present in the parent scope. It is also possible to accidentally refer to a parent scope property in a child component. - - - -### Isolated Scope and Data Passing - -Starting in 0.11, all child components have isolated scope by default, and the recommended way to control component data access is via [Explicit Data Passing](/guide/components.html#Explicit_Data_Passing) using [`v-with`](/api/directives.html#v-with) or [`paramAttributes`](/api/options.html#paramAttributes). - -`paramAttributes` enables us to write Web Component style templates: - -``` js -Vue.component('my-component', { - paramAttributes: ['params'], - compiled: function () { - console.log(this.params) // passed from parent - } -}) -``` - -``` html - -``` - -### Where Does It Belong? - -Previously in 0.10, all directives on a component's container element are compiled in the child component's scope. Because it inherited parent scope, this worked in most situations. Starting in 0.11.1, we want to provide a cleaner separation between component scopes. The rule of thumbs is: if something appears in the parent template, it will be compiled in parent scope; if it appears in child template, it will be compiled in child scope. For example: - -``` html - -
    -

    {{parentMessage}}

    -
    -``` - -``` html - -
    -

    {{childMessage}}

    - -
    -``` - -Everything in the parent template will be compiled in the parent's scope, including the content that's going to be inserted into the child component. - -The only exception to the rule is `v-with` (and `paramAttributes` which compiles down to `v-with`), which works in both places - so you don't need to worry about it too much. - -### Cleaner Event Communication - -Previously the standard way for a child component to communicate to its parent is via dispatching events. However, with this approach, the event listeners on the parent component are not guaranteed to be listening on the desired child component only. It's also possible to trigger undesired listeners further up the chain if we do not cancel the event. - -The most common use case is for a parent to react to the events from a specific, direct child component. So in 0.11.4, [a new directive `v-events`](/api/directives.html#v-events) has been introduced to enable exactly this behavior. - -0.11.4 has already been released, go try it out! +--- +title: 0.11 Component Tips +date: 2014-12-08 15:02:14 +tags: +--- + +

    Note: post ini berisi informasi untuk versi lama 0.11. Silahkan lihat [0.12 release notes](https://github.com/yyx990803/vue/releases) untuk melihat perubahan pada API.

    + +Perilisan dari 0.11 memperkenalkan [banyak perubahan](https://github.com/yyx990803/vue/blob/master/changes.md), tapi yang paling penting adalah bagaimana cara ruang lingkup komponen baru bekerja. Sebelumnya di 0.10.x, komponen mempunyai ruang linkup yang diwariskan sebagai settingan awal. Itu berarti di sebuah template child komponen kalian bisa menghubungkan properti ruang lingkup parent. Ini biasanya berakhir pada komponen dengan hubungan erat, dimana child komponen mengira-ngira pengetahuan dari properti apa yang ada di ruang lingkup parent. Ada juga kemungkinan untuk properti ruang lingkup parent tidak sengaja merujuk di komponen child. + + + +### Isolasi Ruang Lingkup dan Pengiriman Data + +Dimulai di 0.11, semua komponen child punya ruang lingkup terisolasi sebagai settingan awal, dan cara yang disarankan untuk mengendalikan kompenen akses data adalah lewat [Pengiriman Data Jelas](/guide/components.html#Explicit_Data_Passing) menggunakan [`v-with`](/api/directives.html#v-with) atau [`paramAttributes`](/api/options.html#paramAttributes). + +`paramAttributes` memperbolehkan kita untuk menulis template komponen tampilan web: + +``` js +Vue.component('my-component', { + paramAttributes: ['params'], + compiled: function () { + console.log(this.params) // diwariskan dari parent + } +}) +``` + +``` html + +``` + +### Darimana Asalnya? + +Sebelumnya di 0.10, semua arahan pada elemen wadah komponen dikompilasi di komponen ruang lingkup child. Karena mewariskan ruang lingkup parent, hal ini sering bekerja di beberapa situasi. Dimulai di 0.11.1, kita ingin menyediakan pemisahan yang lebih rapi antara komponen ruang lingkup. Peraturan thumbs adalah: jika sesuatu muncul di template parent, itu akan dikompilasi di ruang lingkup parent; jika itu muncul di template child, itu akan dikompilasi di ruang lingkup child. Sebagai contoh: + +``` html + +
    +

    {{Pesanparent}}

    +
    +``` + +``` html + +
    +

    {{Pesanchild}}

    + +
    +``` + +Segala hal yang ada di template parent akan dikompilasi di ruang lingkup parent, termasuk konten yang akan dimasukkan ke dalam komponen child. + +Satu-satunya pengecualian pada peraturannya adalah `v-with` (dan `paramAttributes` yang dikompilasi menjadi `v-with`), dimana bekerja di kedua tempat - jadi kalian tidak perlu terlalu mencemaskannya. + +### Komunikasi Event yang Lebih Rapi + +Sebelumnya cara standar untuk sebuah komponen child untuk berkomunikasi dengan parent adalah lewat event pelepasan. Namun, dengan cara ini, pendengar event di komponen parent tidak terjamin untuk hanya mendengarkan komponen child yang diinginkan. Dan juga berkemungkinan untuk memicu pendengar yang tidak diinginkan masuk lebih dalam jika kita tidak membatalkan the event. + +Kasus penggunaan yang paling umum adalah untuk parent bereaksi ke events dari sebuah spesifik, komponen child langsung. Jadi di 0.11.4, [arahan baru `v-events`](/api/directives.html#v-events) telah diperkenalkan untuk mengaktifkan perilaku ini. + +0.11.4 sudah rilis, cobalah! diff --git a/src/_posts/1.0.0-release.md b/src/_posts/1.0.0-release.md index 106f2d3f02..482d68d50d 100644 --- a/src/_posts/1.0.0-release.md +++ b/src/_posts/1.0.0-release.md @@ -1,64 +1,64 @@ ---- -title: Vue.js 1.0.0 Released -date: 2015-10-26 10:00:00 ---- - -> Hi HN! If you are not familiar with Vue.js, you might want to read this [blog post](http://blog.evanyou.me/2015/10/25/vuejs-re-introduction/) for a higher level overview. - -After 300+ commits, 8 alphas, 4 betas and 2 release candidates, today I am very proud to announce the release of [Vue.js 1.0.0 Evangelion](https://github.com/vuejs/vue/releases/tag/1.0.0)! Many thanks to all those who participated in the API re-design process - it would not have been possible without all the input from the community. - - - -### Improved Template Syntax - -The 1.0 template syntax resolves a lot of subtle consistency issues and makes Vue templates more concise and more readable in general. The most notable new feature is the shorthand syntax for `v-on` and `v-bind`: - -``` html - - - - - -``` - -When used on a child component, `v-on` listens for custom events and `v-bind` can be used to bind props. The shorthands using child components very succinct: - -``` html - - -``` - -### API Cleanup - -The overall goal for Vue.js 1.0 is to make it suitable for larger projects. This is why there are many API deprecations. Except for ones that are barely used, the most common reason for a deprecation is that the feature leads to patterns that damages maintainability. Specifically, we are deprecating features that make it hard to maintain and refactor a component in isolation without affecting the rest of the project. - -For example, the default asset resolution in 0.12 has implicit fallbacks to parents in the component tree. This makes the assets available to a component non-deterministic and subject how it is used at runtime. In 1.0, all assets are now resolved in strict mode and there are no longer implicit fallbacks to parent. The `inherit` option is also removed, because it too often leads to tightly coupled components that are hard to refactor. - -### Faster Initial Rendering - -1.0 replaces the old `v-repeat` directive with `v-for`. In addition to providing the same functionality and more intuitive scoping, `v-for` provides up to **100%** initial render performance boost when rendering large lists and tables! - -### More Powerful Tooling - -There are also exciting things going on outside of Vue.js core - [vue-loader](https://github.com/vuejs/vue-loader) and [vueify](https://github.com/vuejs/vueify) have received major upgrades including: - -- Hot component reloading. When a `*.vue` component is edited, all of its active instances are hot swapped without reloading the page. This means when making small changes, e.g. tweaking the styles or the template, your app doesn't need to fully reload; the state of the app the swapped component can be preserved, drastically improving the development experience. - -- Scoped CSS. By simply adding a `scoped` attribute to your `*.vue` component style tags, the component's template and final generated CSS are magically re-written to ensure a component's styles are only applied to its own elements. Most importantly, the styles specified in a parent component **does not** leak down to child components nested within it. - -- ES2015 by default. JavaScript is evolving. You can write much cleaner and expressive code using the latest syntax. `vue-loader` and `vueify` now transpiles the JavaScript in your `*.vue` components out of the box, without the need for extra setup. Write future JavaScript today! - -Combined with [vue-router](https://github.com/vuejs/vue-router), Vue.js is now more than a library - it provides a solid foundation for building complex SPAs. - -### What's Next? - -As what 1.0.0 usually suggests, the core API will stay stable for the foreseeable future and the library is ready for production use. Future development will focus on: - -1. Improving `vue-router` and make it production ready. - -2. Streamlining the developer experience, e.g. a better devtool and a CLI for scaffolding Vue.js projects and components. - -3. Providing more learning resources such as tutorials and examples. +--- +title: Vue.js 1.0.0 Released +date: 2015-10-26 10:00:00 +--- + +> Hi HN! Jika kau tidak terbiasa dengan Vue.js, kau mungkin ingin untuk membaca [post blog](http://blog.evanyou.me/2015/10/25/vuejs-re-introduction/) untuk tingkatreview yang lebih tinggi. + +Setelah 300+ commits, 8 alphas, 4 betas dan 2 kandidat perilisan, hari ini saya sangat bangga untuk mengumumkan perilisan dari [Vue.js 1.0.0 Evangelion](https://github.com/vuejs/vue/releases/tag/1.0.0)! Banyak terima kasih untuk semua yang berpatisipasi pada proses design ulang API - hal ini tidak akan mungkin terjadi tanpa semua input dari komunitas. + + + +### Template Syntax yang Lebih Baik + +Template syntax 1.0 memperbaiki banyak isu konsistensi dan membuat template Vue lebih concise dan lebih dapat dibaca pada umumnya. Fitur baru yang paling terlihat adalah syntax singkatan untuk `v-on` dan `v-bind`: + +``` html + + + + + +``` + +Saat digunakan pada komponen child, `v-on` mendengar untuk event buatan sendiri dan `v-bind` dapat digunakan untuk mengikat properti. Penggunaan singkatan pada komponen child sangatlah ketat: + +``` html + + +``` + +### Pembersihan API + +Tujuan keseluruhan dari Vue.js 1.0 adalah untuk membuatnya cocok dengan projek yang lebih besar. Karena itulah banyak pembatalan API. Kecuali untuk API yang jarang digunakan, Alasan paling umum untuk pembatalan API adalah fitur-fiturnya yang menuntun ke pola kerusakan pada proses pemeliharaan. Khususnya, kita membatalkan fitur yang membuat API susah untuk di pelihara dan refactor sebuah komponen isolasi tanpa mempengaruhi isi lain dari proyeknya. + +Sebagai contohnya, Resolusi kegunaan awal pada 0.12 mempunyai reaksi negatif ke parent pada pohon komponen. Hal ini membuat aset-aset dapat digunakan pada komponen yang bersifat tidak deterministik dan bagaimana subjek digunakan saat runtime. Di 1.0, semua aset sekarang diselesaikan pada mode ketat dan sudah tidak ada lagi reaksi negatif ke parent. Opsi `inherit` juga dihapus, karena sering menuntun ke komponen yang berhubungan erat yang susah untuk di refactor. + +### Render Awal Lebih Cepat + +1.0 mengganti `v-repeat` lama searah dengan `v-for`. Sebagai bonus untuk menyediakan fungsi yang sama dan ruang lingkup yang lebih intuitif, `v-for` menyediakan sampai dengan **100%** peningkatan performa render awal saat merender daftar yang besar dan tabel! + +### Alat yang Lebih Kuat + +Ada juga hal-hal menarik yang terjadi di luar Vue.js core - [vue-loader](https://github.com/vuejs/vue-loader) dan [vueify](https://github.com/vuejs/vueify) telah menerima peningkatan utama yang termasuk: + +- Memuat ulang komponen panas. Disaat komponen `*.vue` diedit, semua instansi aktif yang panas bertukar tanpa memuat ulang halaman. Hal ini berarti saat membuat perubahan kecil, atau mengutak-atik style atau template, aplikasimu tidak perlu sepenuhnya dimuat ulang; keadaan komponen aplikasi yang ditukar dapat dipertahankan, meningkatkan pengalaman pengembangan secara drastis. + +- Ruang lingkup CSS. Cukup dengan menambahkan sifat `scoped` ke tag komponen style`*.vue`mu, komponen template dan hasil akhir CSS secara ajaib ditulis ulang untuk memastikan komponen style hanya di terapkan di elemennya sendiri. Yang paling penting, style khusus di komponen parent **tidak** turun ke komponen child yang nested di dalamnya. + +- ES2015 secara settingan awal. JavaScript sedang berevolusi. Kau bisa menulis kode yang lebih rapi dan ekspresif menggunakan syntax terbaru. `vue-loader` dan `vueify` sekarang mentranspile JavaScript di `*.vue` mu, komponen di luar kotak, tanpa dibutuhkannya pengaturan ekstra. Tulislah masa depan JavaScript hari ini! + +Digabung dengan [vue-router](https://github.com/vuejs/vue-router), Vue.js sekarang lebih dari sekadar library - ia menyediakan pondasi kuat untuk membangun SPAs rumit. + +### Apa Selanjutnya? + +Seperti 1.0.0 biasanya menyarankan, inti API akan tetap stabil untuk masa-masa mendatang dan librarynya telah siap untuk penggunaan produksi. Perkembangan kedepan akan fokus pada: + +1. Mengembangkan `vue-router` dan membuatnya siap produksi. + +2. Memperlancar pengalaman developer, misalnya alat pengembangan yang lebih baik dan CLI untuk Perancangan projek dan komponen Vue.js. + +3. Menyediakan lebih banyak sumber pembelajaran seperti tutorial dan contoh-contoh. From 5f7900442a0e14c3c5912940def4e5b2ef1ad5f6 Mon Sep 17 00:00:00 2001 From: Andik Nur Achmad Date: Fri, 26 Oct 2018 11:03:09 +0700 Subject: [PATCH 006/241] memperbaiki beberapa typo di readme.md --- README.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index f25b9eda81..5584773b76 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ Situs ini dibuat dengan [hexo](http://hexo.io/). Konten situs ditulis dengan for ## _Pull Request_ -Lakukan _pull request_ dengan mebandingkan _branch_ lang_id dalam repo ini dengan _branch_ yang sudah kamu ubah. Contoh: +Lakukan _pull request_ dengan membandingkan _branch_ lang_id dalam repo ini dengan _branch_ yang sudah kamu ubah. Contoh: ``` base fork: subjs/vuejs.org branch: lang_id @@ -27,7 +27,7 @@ $ yarn start # dev server di http:://localhost:4000 Situs ini secara otomatis ter-_deploy_ ketika _commit_ masuk ke dalam `master`, melalui [Netlify](https://www.netlify.com). -Jika kamu adalah maintainer dari sebuah _fork_ komunitas penerjemah dan ingin men-_deploy_ memlalui Netlify daripada halaman Github, tolong ping @yyx990803 dalam sebuah _issue_ untuk memohon sebuah keanggotaan tim Netlify dan pembaruan DNS. +Jika kamu adalah _maintainer_ dari sebuah _fork_ komunitas penerjemah dan ingin men-_deploy_ memlalui Netlify daripada halaman Github, tolong ping @yyx990803 dalam sebuah _issue_ untuk memohon sebuah keanggotaan tim Netlify dan pembaruan DNS. ## Dalam penerjemahan @@ -62,7 +62,7 @@ Terjemahan bahasa Jepang dikelola oleh [Vue.js japan user group](https://github. ### Korea -Terjemahan bahasa Korean dikelola oleh [Vue.js Korean User group](https://github.com/vuejs-kr). +Terjemahan bahasa Korea dikelola oleh [Vue.js Korean User group](https://github.com/vuejs-kr). * Repo terjemahan - [/vuejs-kr/kr.vuejs.org](https://github.com/vuejs-kr/kr.vuejs.org) * Pengelola utama - [ChangJoo Park](https://github.com/ChangJoo-Park) @@ -80,13 +80,13 @@ Terjemahan bahasa Persia dikelola oleh VueJS-fa. ### Portugal - Brazil -Terejamahan bahasa Portugal-Brazil dikelola oleh [Vuejs-Br](https://github.com/vuejs-br). +Terjemahan bahasa Portugal-Brazil dikelola oleh [Vuejs-Br](https://github.com/vuejs-br). * Repo terjemahan - [/vuejs-br/br.vuejs.org](https://github.com/vuejs-br/br.vuejs.org) ### Rusia -Terejamahan bahasa Rusia dikelola oleh Translation Gang. +Terjemahan bahasa Rusia dikelola oleh Translation Gang. * Repo terjemahan - [/translation-gang/ru.vuejs.org](https://github.com/translation-gang/ru.vuejs.org) * Pengelola utama - [Grigoriy Beziuk](https://gbezyuk.github.io) @@ -106,8 +106,8 @@ Terjemahan bahasa Vietnam dikelola oleh [Vue.js Vietnam User group](https://gith ### Ingin membantu menterjemahkan? -Jika kamu merasa ok dengan menerjemahankan sendiri, kamu bisa _fork_ repo, buat sebuah _issue_ _"work-in-progress"_ untuk memberi tahu lainnya jika kamu sedang melakukan penerjemahan, dan jalankan. +Jika kamu merasa ok dengan menerjemahkan sendiri, kamu bisa _fork_ repo, buat sebuah _issue_ _"work-in-progress"_ untuk memberi tahu lainnya jika kamu sedang melakukan penerjemahan, dan jalankan. Jika kamu adalah seorang pemain tim, Gang Penerjemahan mungkin cocok dengan kamu. Beritahu kami jika kamu siap untuk bergabung dalam _international open-source translators community_. Jangan ragu untu mengontak [Grigoriy Beziuk](https://gbezyuk.github.io) atau siapapun dalam [tim](https://github.com/orgs/translation-gang/people). -Dan terima kasih :) +Dan terima kasih :) \ No newline at end of file From 97d90880f7d5ed4af895e293da5abc25418ca421 Mon Sep 17 00:00:00 2001 From: Yudhi Satrio Date: Sun, 11 Nov 2018 11:02:57 +0700 Subject: [PATCH 007/241] Translated menu,sponsor and half installation page --- src/v2/guide/installation.md | 37 ++++++++------- src/v2/guide/team.md | 46 +++++++++---------- themes/vue/layout/page.ejs | 1 - .../vue/layout/partials/platinum_sponsors.ejs | 4 +- themes/vue/layout/partials/sidebar.ejs | 8 ++-- themes/vue/layout/partials/toc.ejs | 16 +++---- themes/vue/layout/sponsors-page.ejs | 4 +- 7 files changed, 57 insertions(+), 59 deletions(-) diff --git a/src/v2/guide/installation.md b/src/v2/guide/installation.md index 94fbf778aa..bd2e2c33e3 100644 --- a/src/v2/guide/installation.md +++ b/src/v2/guide/installation.md @@ -1,58 +1,57 @@ --- -title: Installation +title: Instalasi type: guide order: 1 vue_version: 2.5.16 gz_size: "30.90" --- -### Compatibility Note +### Catatan Kesesuaian -Vue does **not** support IE8 and below, because it uses ECMAScript 5 features that are un-shimmable in IE8. However it supports all [ECMAScript 5 compliant browsers](https://caniuse.com/#feat=es5). +Vue **tidak** mendukung IE8 ke bawah, karena ini menggunakan fitur ECMAScript 5 yang tidak mudah dikenali di IE8. Bagaimanapun ini mendukung semua [ECMAScript 5 peramban yang sesuai](https://caniuse.com/#feat=es5). -### Release Notes +### Catatan Rilis -Latest stable version: {{vue_version}} +Versi stabil terakhir: {{vue_version}} -Detailed release notes for each version are available on [GitHub](https://github.com/vuejs/vue/releases). +Catatan detil rilis untuk setiap versi tersedia di [GitHub](https://github.com/vuejs/vue/releases). ## Vue Devtools -When using Vue, we recommend also installing the [Vue Devtools](https://github.com/vuejs/vue-devtools#vue-devtools) in your browser, allowing you to inspect and debug your Vue applications in a more user-friendly interface. +Ketika menggunakan Vue, kami menyarankan untuk menginstal juga [Vue Devtools](https://github.com/vuejs/vue-devtools#vue-devtools) di peramban Anda, memungkinkan Anda untuk menginspeksi dan awakutu aplikasi Vue Anda dengan antarmuka yang akrab pengguna. -## Direct ` ``` -You can browse the source of the NPM package at [cdn.jsdelivr.net/npm/vue](https://cdn.jsdelivr.net/npm/vue/). +Anda dapat mencari sumber dari paket NPM di [cdn.jsdelivr.net/npm/vue](https://cdn.jsdelivr.net/npm/vue/). -Vue is also available on [unpkg](https://unpkg.com/vue@{{vue_version}}/dist/vue.js) and [cdnjs](https://cdnjs.cloudflare.com/ajax/libs/vue/{{vue_version}}/vue.js) (cdnjs takes some time to sync so the latest release may not be available yet). +Vue juga tersedia di [unpkg](https://unpkg.com/vue@{{vue_version}}/dist/vue.js) dan [cdnjs](https://cdnjs.cloudflare.com/ajax/libs/vue/{{vue_version}}/vue.js) (cdnjs membutuhkan waktu untuk singkronisasi mungkin rilis terakhir belum tersedia). -Make sure to read about [the different builds of Vue](#Explanation-of-Different-Builds) and use the **production - version** in your published site, replacing `vue.js` with `vue.min.js`. This is a smaller build optimized for speed instead of development experience. +Pastikan untuk membaca tentang [perbedaan _build_ Vue](#Explanation-of-Different-Builds) dan gunakan **versi produksi** dalam situs Anda yang telah terbit, mengganti `vue.js` dengan `vue.min.js`. Ini mengoptimalkan _build_ yang lebih kecil untuk kecepatan dari pada pengalaman pengembangan. ## NPM -NPM is the recommended installation method when building large scale applications with Vue. It pairs nicely with module bundlers such as [Webpack](https://webpack.js.org/) or [Browserify](http://browserify.org/). Vue also provides accompanying tools for authoring [Single File Components](single-file-components.html). +NPM adalah metode instalasi yang disarankan ketika membangun aplikasi skala besar dengan Vue. Ini bersanding dengan baik dengan modul _bundler_ seperti [Webpack](https://webpack.js.org/) atau [Browserify](http://browserify.org/). Vue juga menyediakan perangkat pendamping untuk pemrograman [Berkas Komponen Tunggal](single-file-components.html). ``` bash -# latest stable +# stabil terakhir $ npm install vue ``` diff --git a/src/v2/guide/team.md b/src/v2/guide/team.md index 56ecfa9d9c..6d4b950992 100644 --- a/src/v2/guide/team.md +++ b/src/v2/guide/team.md @@ -1,5 +1,5 @@ --- -title: Meet the Team +title: Temui Tim type: guide order: 803 --- @@ -19,7 +19,7 @@ order: 803