Merge pull request vuejs#1 from translation-gang/master

airyboy · web-flow · commit 84e861eb03c9 · 2016-12-09T21:54:03.000+03:00
Upd
diff --git a/README.md b/README.md
@@ -1,8 +1,8 @@
 # ru.vuejs.org
 
-Этот репозиторий содержит неофициальный (пока) перевод оригинальной документации vuejs.org на русский язык.
+Этот репозиторий содержит [официальный перевод оригинальной документации vuejs.org на русский язык](https://ru.vuejs.org).
 
-This is an unofficial (yet) Russian translation branch of original vuejs.org repository.
+This is an official Russian translation branch of original vuejs.org repository.
 
 This site is built with [hexo](http://hexo.io/). Site content is written in Markdown format located in `src`. Pull requests welcome!
 
diff --git a/src/v2/api/index.md b/src/v2/api/index.md
diff --git a/src/v2/examples/select2.md b/src/v2/examples/select2.md
@@ -1,9 +1,9 @@
 ---
-title: Оборачивание в компонент
+title: Создание компонента-обертки
 type: examples
 order: 8
 ---
 
-> Пример интеграции стороннего jQuery-плагина (select2) путем оборачивания его в пользовательский компонент.
+> Пример интеграции стороннего jQuery-плагина (select2) путем создания пользовательского компонента-обертки.
 
 <iframe width="100%" height="500" src="https://jsfiddle.net/yyx990803/fruqrvdL/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/src/v2/guide/comparison.md b/src/v2/guide/comparison.md
@@ -237,7 +237,7 @@ MobX стал довольно популярным в сообществе Reac
 
 ### Сложность
 
-Vue значительно проще Angular, как в смысле API, так и в смысле архитектуры. Получение достаточных знаний для написания нетривиальных приложений обычно происходит менее чем за день, чего нельзя сказать об Angular. 
+Vue значительно проще Angular, как в смысле API, так и в смысле архитектуры. Получение достаточных знаний для написания нетривиальных приложений обычно происходит менее чем за день, чего нельзя сказать об Angular.
 
 ### Гибкость и модульность
 
@@ -327,4 +327,4 @@ Riot 2.0 предлагает похожую модель разработки,
 - Значительно более мощный роутер. API роутинга Riot'а — предельно минималистичен.
 - Поддержка более зрелого инструментария. Vue официально поддерживает [Webpack](https://github.com/vuejs/vue-loader), [Browserify](https://github.com/vuejs/vueify), и [SystemJS](https://github.com/vuejs/systemjs-plugin-vue), в то время как Riot полагается в вопросах интеграции с системами сборки на поддержку сообщества.
 - [Система анимации переходов](transitions.html). У Riot её просто нет.
-- Лучшая производительность. [Несмотря на заявленное](https://github.com/vuejs/vuejs.org/issues/346) использование virtual DOM, в действительности Riot применяет dirty checking, и потому страдает от тех же проблем, что и Angular 1.
+- Лучшая производительность. [Несмотря на заявленное](https://github.com/vuejs/vuejs.org/issues/346) использование virtual DOM, в действительности Riot применяет dirty checking, и потому страдает от тех же проблем, что и Angular 1.
diff --git a/src/v2/guide/components.md b/src/v2/guide/components.md
diff --git a/src/v2/guide/deployment.md b/src/v2/guide/deployment.md
@@ -44,7 +44,7 @@ module.exports = {
 NODE_ENV=production browserify -g envify -e main.js | uglifyjs -c -m > build.js
 ```
 
-- Для выноса стилей в отдельный css-файл, используйте плагин extract-css, включённый во vueify.
+- Для выноса стилей в отдельный CSS-файл, используйте плагин extract-css, включённый во vueify.
 
 ``` bash
 NODE_ENV=production browserify -g envify -p [ vueify/plugins/extract-css -o build.css ] -e main.js | uglifyjs -c -m > build.js
@@ -58,4 +58,4 @@ NODE_ENV=production browserify -g envify -p [ vueify/plugins/extract-css -o buil
 
 При использовании в разработке [однофайловых компонентов](./single-file-components.html), теги `<style>` обновляются автоматически. Для "боевого" окружения вы можете захотеть поместить все стили в единый CSS-файл. Детальную информацию о том как это сделать можно получить в документации [vue-loader](http://vue-loader.vuejs.org/en/configurations/extract-css.html) и [vueify](https://github.com/vuejs/vueify#css-extraction).
 
-Официальный шаблон `webpack` для `vue-cli` уже содержит готовую конфигурацию для экстрации стилей.
+Официальный шаблон `webpack` для `vue-cli` уже содержит готовую конфигурацию для экстрации стилей.
diff --git a/src/v2/guide/index.md b/src/v2/guide/index.md
@@ -88,7 +88,7 @@ var app2 = new Vue({
 </script>
 {% endraw %}
 
-Здесь мы встречаемся с кое-чем новым. Аттрибут `v-bind`, который вы видите, называется **директивой**. Директивы имеют префикс `v-`, указывающий на их особую природу. Как вы уже могли догадаться, они применяют к отображаемому DOM особое реактивное поведение, управляемое Vue. В данном примере директива говорит "сохраняй значение title этого элемента актуальным при изменении свойства `message` у инстанса Vue".
+Здесь мы встречаемся с кое-чем новым. Атрибут `v-bind`, который вы видите, называется **директивой**. Директивы имеют префикс `v-`, указывающий на их особую природу. Как вы уже могли догадаться, они применяют к отображаемому DOM особое реактивное поведение, управляемое Vue. В данном примере директива говорит "сохраняй значение title этого элемента актуальным при изменении свойства `message` у инстанса Vue".
 
 Если вы снова откроете консоль JavaScript и введёте `app2.message = 'какое-то новое сообщение'`, вы опять-таки увидите, что связанный код HTML — в данном случае, атрибут `title` — обновился.
 
diff --git a/src/v2/guide/instance.md b/src/v2/guide/instance.md
@@ -73,7 +73,7 @@ vm.$watch('a', function (newVal, oldVal) {
 })
 ```
 
-<p class="tip">Не используйте [arrow-функции](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions) в свойствах инстанса и в коллбэках (напр. `vm.$watch('a', newVal => this.myMethod())`). Поскольку arrow-функции связываются с родительским контекстом, `this` не будет указывать на инстанс Vue, и `this.myMethod` окажется неопределённым.</p>
+<p class="tip">Не используйте [стрелочные функции](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions) в свойствах инстанса и в коллбэках (напр. `vm.$watch('a', newVal => this.myMethod())`). Поскольку стрелочные функции связываются с родительским контекстом, `this` не будет указывать на инстанс Vue, и `this.myMethod` окажется неопределённым.</p>
 
 Полный список свойств и методов инстанса Vue есть в [справочнике API](../api).
 
@@ -88,10 +88,10 @@ var vm = new Vue({
   },
   created: function () {
     // `this` указывает на инстанс vm
-    console.log('a is: ' + this.a)
+    console.log('Значение a: ' + this.a)
   }
 })
-// -> "a is: 1"
+// -> "Значение a: 1"
 ```
 
 Существуют также другие хуки, вызываемые на различных стадиях жизненного цикла инстанса, например `mounted`, `updated` и `destroyed`. Все хуки вызываются с контекстной переменной `this`, ссылающейся на вызывающий инстанс Vue. Возможно, вы недоумевали: где же в мире Vue живут контроллеры? Ответ на этот вопрос таков: контроллеров не существует. Всё пользовательское поведение компонента должно быть размещено в этих хуках.
diff --git a/src/v2/guide/state-management.md b/src/v2/guide/state-management.md
@@ -14,7 +14,7 @@ order: 22
 
 ## Простой контейнер состояния с нуля
 
-Часто упускается из виду тот факт, что "источником источником" во Vue-приложениях является исходный объект `data` — инстансы Vue всего лишь проксируют доступ к нему. Поэтому, состояние, которым должны совместно владеть несколько инстансов, можно просто передать по ссылке:
+Часто упускается из виду тот факт, что "источником истины" во Vue-приложениях является исходный объект `data` — инстансы Vue всего лишь проксируют доступ к нему. Поэтому, состояние, которым должны совместно владеть несколько инстансов, можно просто передать по ссылке:
 
 ``` js
 const sourceOfTruth = {}
diff --git a/src/v2/guide/transitions.md b/src/v2/guide/transitions.md
@@ -86,9 +86,9 @@ new Vue({
 
 1. Vue автоматически узнаёт, применены ли к целевому элементу CSS-переходы или анимации. Если да, соответствующие CSS-классы будут должным образом обновлены в нужные моменты времени.
 
-2. Если для компонента указаны [хуки JavaScript](#JavaScript-Hooks), они будут вызваны в соответствующие момент времени.
+2. Если для компонента указаны [хуки JavaScript](#JavaScript-Hooks), они будут вызваны в соответствующие моменты времени.
 
-3. Если не обнаружено ни CSS-переходов/анимаций, ни JavaScript-хуков, операции DOM для вставки/удаления элемента будут выполнены непосредственно в следующем анимационном фрейме (Важно: речь идёт об анимационном фрейме браузера, отличном от используемой во Vue концепции `nextTick`).
+3. Если не обнаружено ни CSS-переходов/анимаций, ни JavaScript-хуков, операции DOM для вставки/удаления элемента будут выполнены непосредственно в следующем анимационном фрейме (важно: речь идёт об анимационном фрейме браузера, отличном от используемой во Vue концепции `nextTick`).
 
 ### Классы переходов
 
@@ -381,7 +381,7 @@ new Vue({
 
 Для того чтобы Vue знал о завершении перехода, ему требуется установка слушателей событий. В зависимости от используемых правил CSS, событием будет либо `transitionend`, либо `animationend`. Если вы используете только один из подходов, Vue определит правильный тип автоматически.
 
-Однако, иногда может потребоваться использование обоих подходов на одном элементе. Например, CSS-анимация под управлением Vue при появлении/исчезновении элемента может соседствовать с эффектом CSS-перехода при наведении курсора мыши на элемент. В таких случаях потребуется явное указание типа события, на которое должен будет ориентироваться Vue. Аттрибут `type` может получить значение `animation` или `transition`.
+Однако, иногда может потребоваться использование обоих подходов на одном элементе. Например, CSS-анимация под управлением Vue при появлении/исчезновении элемента может соседствовать с эффектом CSS-перехода при наведении курсора мыши на элемент. В таких случаях потребуется явное указание типа события, на которое должен будет ориентироваться Vue. Атрибут `type` может получить значение `animation` или `transition`.
 
 ### JavaScript-хуки
 
@@ -1652,4 +1652,4 @@ new Vue({
 </script>
 {% endraw %}
 
-Наконец, больше всего возможностей для создания динамических переходов предоставляет создание компонентов, принимающих входные параметры, определяющие природу используемых переходов. Звучит избито, но всё равно — только ваше воображение здесь задаёт рамки.
+Наконец, больше всего возможностей для создания динамических переходов предоставляет создание компонентов, принимающих входные параметры, определяющие природу используемых переходов. Звучит избито, но всё равно — только ваше воображение здесь задаёт рамки.
diff --git a/themes/vue/_config.yml b/themes/vue/_config.yml
@@ -1,4 +1,4 @@
 site_description: "Vue.js - Intuitive, Fast and Composable MVVM for building interactive interfaces."
 google_analytics: UA-46852172-1
-root_domain: vuejs.org
+root_domain: ru.vuejs.org
 vue_version: 2.1.3
diff --git a/themes/vue/layout/layout.ejs b/themes/vue/layout/layout.ejs
@@ -77,8 +77,8 @@
           var version = match ? match[1] : 'v2'
           docsearch({
             appId: 'BH4D9OD16A',
-            apiKey: '85cc3221c9f23bfbaa4e3913dd7625ea',
-            indexName: 'vuejs',
+            apiKey: 'c6f9366f6f7fe057ee3e01747b603d9f',
+            indexName: 'vuejs_ru',
             inputSelector: selector,
             algoliaOptions: { facetFilters: ["version:" + version] }
           })
