Merge remote-tracking branch 'upstream/dev' into working

# Conflicts:
#	docs/en/advanced/data-fetching.md
#	docs/en/advanced/transitions.md
#	docs/en/api/route-object.md
#	docs/en/essentials/getting-started.md

Signed-off-by: Bruno Lesieur <[email protected]>

Author: MachinisteWeb

.eslintrc

@@ -1,10 +1,10 @@
 {
   "root": true,
-  "parser": "babel-eslint",
-  "extends": "vue",
-  "plugins": ["flow-vars"],
-  "rules": {
-    "flow-vars/define-flow-type": 1,
-    "flow-vars/use-flow-type": 1
-  }
+  "plugins": [
+    "flowtype"
+  ],
+  "extends": [
+    "plugin:vue-libs/recommended",
+    "plugin:flowtype/recommended"
+  ]
 }

docs/en/advanced/data-fetching.md

@@ -43,7 +43,7 @@ export default {
     }
   },
   created () {
-    // récupérer les données lorsque la vue est créée et 
+    // récupérer les données lorsque la vue est créée et
     // que les données sont déjà observées
     this.fetchData()
   },

docs/en/advanced/lazy-loading.md

@@ -2,14 +2,14 @@
 
 When building apps with a bundler, the JavaScript bundle can become quite large, and thus affect the page load time. It would be more efficient if we can split each route's components into a separate chunk, and only load them when the route is visited.
 
-Combining Vue's [async component feature](http://vuejs.org/guide/components.html#Async-Components) and Webpack's [code splitting feature](https://webpack.js.org/guides/code-splitting-require/), it's trivially easy to
+Combining Vue's [async component feature](http://vuejs.org/guide/components.html#Async-Components) and webpack's [code splitting feature](https://webpack.js.org/guides/code-splitting-require/), it's trivially easy to
 lazy-load route components.
 
 All we need to do is define our route components as async components:
 
 ``` js
 const Foo = resolve => {
-  // require.ensure is Webpack's special syntax for a code-split point.
+  // `require.ensure` is webpack's special syntax for a code-split point.
   require.ensure(['./Foo.vue'], () => {
     resolve(require('./Foo.vue'))
   })
@@ -42,4 +42,4 @@ const Bar = r => require.ensure([], () => r(require('./Bar.vue')), 'group-foo')
 const Baz = r => require.ensure([], () => r(require('./Baz.vue')), 'group-foo')
 ```
 
-Webpack will group any async module with the same chunk name into the same async chunk - this also means we don't need to explicitly list dependencies for `require.ensure` anymore (thus passing an empty array).
+webpack will group any async module with the same chunk name into the same async chunk - this also means we don't need to explicitly list dependencies for `require.ensure` anymore (thus passing an empty array).

docs/en/api/route-object.md

@@ -49,7 +49,7 @@ L'objet `Route` peut être trouvé à plusieurs endroits :
   - type : `Object`
 
     Un objet qui contient des pairs clé/valeur de la requête au format d'une chaîne de caractères. Par exemple, pour un chemin `/foo?user=1`, on aura `$route.query.user == 1`. S'il n'y a pas de requête, alors la valeur sera un objet vide.
-    
+
 - **$route.hash**
 
   - type : `string`

docs/en/api/router-link.md

@@ -26,10 +26,10 @@
   <!-- renders to -->
   <a href="home">Home</a>
 
-  <!-- javascript expression using v-bind -->
+  <!-- javascript expression using `v-bind` -->
   <router-link v-bind:to="'home'">Home</router-link>
 
-  <!-- Omitting v-bind is fine, just as binding any other prop -->
+  <!-- Omitting `v-bind` is fine, just as binding any other prop -->
   <router-link :to="'home'">Home</router-link>
 
   <!-- same as above -->
@@ -38,7 +38,7 @@
   <!-- named route -->
   <router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>
 
-  <!-- with query, resulting in /register?plan=private -->
+  <!-- with query, resulting in `/register?plan=private` -->
   <router-link :to="{ path: 'register', query: { plan: 'private' }}">Register</router-link>
   ```
 
@@ -103,7 +103,7 @@
   One consequence of this is that `<router-link to="/">` will be active for every route! To force the link into "exact match mode", use the `exact` prop:
 
   ``` html
-  <!-- this link will only be active at / -->
+  <!-- this link will only be active at `/` -->
   <router-link to="/" exact>
   ```
 

docs/en/essentials/getting-started.md

@@ -30,7 +30,7 @@ Créer une application monopage avec Vue.js + vue-router est vraiment simple. Av
 ### JavaScript
 
 ``` js
-// 0. Si vous utilisez un système de module (ex : via vue-cli), il faut importer Vue et VueRouter et ensuite appeler Vue.use(VueRouter).
+// 0. Si vous utilisez un système de module (ex : via vue-cli), il faut importer Vue et VueRouter et ensuite appeler `Vue.use(VueRouter)`.
 
 // 1. Définissez les composants de route.
 // Ces derniers peuvent être importés depuis d'autre fichier

docs/ja/advanced/lazy-loading.md

@@ -2,7 +2,7 @@
 
 バンドラーを使ってアプリケーションを構築している時、バンドルされる JavaScript が非常に大きいものになり得ます。結果的にページのロード時間に影響を与えてしまいます。もし各ルートコンポーネントごとに別々のチャンクにして、訪れたルートの時だけロードできればより効率的でしょう。
 
-Vue の [非同期コンポーネント機能](http://vuejs.org/guide/components.html#Async-Components) と Webpack の [コード分割機能](https://webpack.js.org/guides/code-splitting-require/) を組み合わせることでとても簡単に遅延ロードするルートコンポーネントができます。
+Vue の [非同期コンポーネント機能](http://jp.vuejs.org/guide/components.html#非同期コンポーネント) と Webpack の [コード分割機能](https://webpack.js.org/guides/code-splitting-require/) を組み合わせることでとても簡単に遅延ロードするルートコンポーネントができます。
 
 必要なことは非同期のルートコンポーネントを定義するだけです。
 

docs/ja/advanced/transitions.md

@@ -8,7 +8,7 @@
 </transition>
 ```
 
-[`<transition>` についての全て](http://vuejs.org/guide/transitions.html) はここでも動作します。
+[`<transition>` についての全て](http://jp.vuejs.org/guide/transitions.html) はここでも動作します。
 
 ### ルート単位のトランジション
 

docs/ja/essentials/dynamic-matching.md

@@ -17,7 +17,7 @@ const router = new VueRouter({
 
 これで `/user/foo` や `/user/bar` などの URL 両方とも同じルートにマッチします。
 
-動的セグメントはコロン `:` を使って表されます。ルートがマッチした時、この動的セグメントの値は全てのコンポーネント内で `this.$route.params` として利用可能になります。したがって、現在の `User' のテンプレートを次のように更新することで現在のユーザー ID を表示することができます。
+動的セグメントはコロン `:` を使って表されます。ルートがマッチした時、この動的セグメントの値は全てのコンポーネント内で `this.$route.params` として利用可能になります。したがって、現在の `User` のテンプレートを次のように更新することで現在のユーザー ID を表示することができます。
 
 ``` js
 const User = {

docs/ru/advanced/data-fetching.md

@@ -54,7 +54,7 @@ export default {
     fetchData () {
       this.error = this.post = null
       this.loading = true
-      // замените здесь getPost используемым методом получения данных / доступа к API
+      // замените здесь `getPost` используемым методом получения данных / доступа к API
       getPost(this.$route.params.id, (err, post) => {
         this.loading = false
         if (err) {

docs/ru/advanced/lazy-loading.md

@@ -2,13 +2,13 @@
 
 При использовании модульного сборщика, результирующая JavaScript-сборка может оказаться довольно большой, что негативно сказывается на времени загрузки страницы. В некоторых случаях было бы эффективнее разделить компоненты каждого пути на отдельные минисборки, и загружать их только при переходе к соответствующему пути.
 
-Совместное использование [асинхронной загрузки компонентов](https://ru.vuejs.org/v2/guide/components.html#Асинхронные-компоненты) Vue и [разделения кода](https://webpack.js.org/guides/code-splitting-require/) WebPack делает реализацию ленивой загрузки компонентов в зависимости от путей тривиальной.
+Совместное использование [асинхронной загрузки компонентов](https://ru.vuejs.org/v2/guide/components.html#Асинхронные-компоненты) Vue и [разделения кода](https://webpack.js.org/guides/code-splitting-require/) Webpack делает реализацию ленивой загрузки компонентов в зависимости от путей тривиальной.
 
 Всё, что требуется — определить компоненты путей как асинхронные:
 
 ``` js
 const Foo = resolve => {
-  // require.ensure — это специальный синтаксис Webpack'а для определения точки разделения кода.
+  // `require.ensure` — это специальный синтаксис Webpack'а для определения точки разделения кода.
   require.ensure(['./Foo.vue'], () => {
     resolve(require('./Foo.vue'))
   })

docs/ru/advanced/transitions.md

@@ -44,7 +44,7 @@ const Bar = {
 ```
 
 ``` js
-// затем, в родительском компоненте, будем следить за переменной $route,
+// затем, в родительском компоненте, будем следить за переменной `$route`,
 // чтобы определить, какой анимационный переход применить
 
 watch: {

docs/ru/api/route-object.md

@@ -16,7 +16,7 @@
 
   ``` js
   router.beforeEach((to, from, next) => {
-    // как to так и from являются объектами пути
+    // как `to` так и `from` являются объектами пути
   })
   ```
 
@@ -25,7 +25,7 @@
   ``` js
   const router = new VueRouter({
     scrollBehavior (to, from, savedPosition) {
-      // как to так и from являются объектами пути
+      // как `to` так и `from` являются объектами пути
     }
   })
   ```

docs/ru/api/router-link.md

@@ -27,10 +27,10 @@
   <!-- результат рендеринга -->
   <a href="home">Home</a>
 
-  <!-- javascript-выражение через v-bind -->
+  <!-- javascript-выражение через `v-bind` -->
   <router-link v-bind:to="'home'">Home</router-link>
 
-  <!-- Можно использовать сокращенную запись v-bind -->
+  <!-- Можно использовать сокращенную запись `v-bind` -->
   <router-link :to="'home'">Home</router-link>
 
   <!-- даст тот же результат -->
@@ -39,7 +39,7 @@
   <!-- с использованием именованного пути -->
   <router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>
 
-  <!-- с использованием строки запроса, получим /register?plan=private -->
+  <!-- с использованием строки запроса, получим `/register?plan=private` -->
   <router-link :to="{ path: 'register', query: { plan: 'private' }}">Register</router-link>
   ```
 
@@ -100,7 +100,7 @@
   Одним из следствий этого подхода является тот факт, что корневая ссылка `<router-link to="/">` будет считаться активной всегда. Чтобы заставить ссылку считаться активной только при полном совпадении, используйте входной параметр `exact`:
 
   ``` html
-  <!-- эта ссылка будет активной только для корневого пути / -->
+  <!-- эта ссылка будет активной только для корневого пути `/` -->
   <router-link to="/" exact>
   ```
 

docs/ru/essentials/getting-started.md

@@ -4,7 +4,7 @@
 
 Создать одностраничное приложение используя Vue.js и Vue-router очень просто. Используя Vue.js, мы уже компонуем своё приложение из компонентов. Добавляя Vue-router, мы просто сопоставляем компонентам пути, и указываем, где именно их отображать. Вот простой пример:
 
-> Все примеры используют standalone-сборку Vue, которая позволяет использовать парсинг шаблонов. Подробнее о разнице сборок можно почитать [в документации к Vue.js](https://ru.vuejs.org/v2/guide/installation.html#Объяснение-различных-сборок).
+> Все примеры используют полную сборку Vue, которая позволяет использовать парсинг шаблонов. Подробнее о разнице сборок можно почитать [в документации к Vue.js](https://ru.vuejs.org/v2/guide/installation.html#Объяснение-различных-сборок).
 
 ### HTML
 
@@ -17,7 +17,7 @@
   <p>
     <!-- используйте компонент router-link для создания ссылок -->
     <!-- входной параметр `to` определяет путь для перехода -->
-    <!-- <router-link> по умолчанию преобразуется в тег `<a>` -->
+    <!-- `<router-link>` по умолчанию преобразуется в тег `<a>` -->
     <router-link to="/foo">Go to Foo</router-link>
     <router-link to="/bar">Go to Bar</router-link>
   </p>
@@ -30,7 +30,7 @@
 
 ``` js
 // 0. При использовании модульной системы (напр. vue-cli),
-// импортируйте Vue и VueRouter и затем вызовите Vue.use(VueRouter)
+// импортируйте Vue и VueRouter и затем вызовите `Vue.use(VueRouter)`
 
 // 1. Определение используемых компонентов
 // Они могут быть импортированы из внешних файлов
@@ -39,7 +39,7 @@ const Bar = { template: '<div>bar</div>' }
 
 // 2. Определение путей
 // Каждый путь должен указывать на компонент
-// "Компонентом" может быть как созданный через Vue.extend()
+// "Компонентом" может быть как созданный через `Vue.extend()`
 // полноценный конструктор, так и просто объект с настройками компонента
 // Вложенные пути будут рассмотрены далее.
 const routes = [
@@ -50,7 +50,7 @@ const routes = [
 // 3. Создаём инстанс роутера с опцией `routes`
 // Можно передать и другие опции, но пока не будем усложнять
 const router = new VueRouter({
-  routes // сокращение от routes: routes
+  routes // сокращение от `routes: routes`
 })
 
 // 4. Создаём и монтируем корневой инстанс Vue нашего приложения.

examples/lazy-loading/app.js

@@ -30,12 +30,11 @@ const Foo = () => import('./Foo.vue')
 // const Foo = resolve => require(['./Foo.vue'], resolve)
 
 // If you want to group a number of components that belong to the same
-// nested route in the same async chunk, you will need to use
-// require.ensure. The 3rd argument is the chunk name they belong to -
-// modules that belong to the same chunk should use the same chunk name.
-// For more details see https://webpack.js.org/guides/code-splitting-require/
-const Bar = resolve => require.ensure([], () => resolve(require('./Bar.vue')), '/bar')
-const Baz = resolve => require.ensure([], () => resolve(require('./Baz.vue')), '/bar')
+// nested route in the same async chunk, you can use a special comment
+// to indicate a chunk name for the imported module. (note this requires
+// webpack 2.4.0+)
+const Bar = () => import(/* webpackChunkName: "/bar" */ './Bar.vue')
+const Baz = () => import(/* webpackChunkName: "/bar" */ './Baz.vue')
 
 const router = new VueRouter({
   mode: 'history',

package.json

@@ -49,9 +49,8 @@
     "css-loader": "^0.28.0",
     "es6-promise": "^4.0.5",
     "eslint": "^3.0.1",
-    "eslint-config-vue": "^2.0.1",
-    "eslint-plugin-flow-vars": "^0.5.0",
-    "eslint-plugin-vue": "^2.0.1",
+    "eslint-plugin-flowtype": "^2.34.0",
+    "eslint-plugin-vue-libs": "^1.2.0",
     "express": "^4.14.0",
     "express-urlrewrite": "^1.2.0",
     "flow-bin": "^0.45.0",
@@ -61,7 +60,7 @@
     "nightwatch": "^0.9.5",
     "nightwatch-helpers": "^1.0.0",
     "path-to-regexp": "^1.5.3",
-    "phantomjs-prebuilt": "^2.1.7",
+    "phantomjs-prebuilt": "^2.1.14",
     "rollup": "^0.41.4",
     "rollup-plugin-buble": "^0.15.0",
     "rollup-plugin-commonjs": "^8.0.2",

src/history/html5.js

@@ -17,9 +17,10 @@ export class HTML5History extends History {
     }
 
     window.addEventListener('popstate', e => {
+      const current = this.current
       this.transitionTo(getLocation(this.base), route => {
         if (expectScroll) {
-          handleScroll(router, route, this.current, true)
+          handleScroll(router, route, current, true)
         }
       })
     })

src/util/query.js

@@ -77,7 +77,7 @@ export function stringifyQuery (obj: Dictionary<string>): string {
 
     if (Array.isArray(val)) {
       const result = []
-      val.slice().forEach(val2 => {
+      val.forEach(val2 => {
         if (val2 === undefined) {
           return
         }

test/e2e/specs/active-links.js

@@ -43,9 +43,11 @@ module.exports = {
       })
       exactActiveA.forEach(i => {
         browser.assert.cssClassPresent(`li:nth-child(${i}) a`, 'router-link-exact-active')
+          .assert.cssClassPresent(`li:nth-child(${i}) a`, 'router-link-active')
       })
       exactActiveLI && exactActiveLI.forEach(i => {
         browser.assert.cssClassPresent(`li:nth-child(${i})`, 'router-link-exact-active')
+          .assert.cssClassPresent(`li:nth-child(${i})`, 'router-link-active')
       })
     }
   }

types/router.d.ts

@@ -49,6 +49,7 @@ export interface RouterOptions {
   mode?: RouterMode;
   base?: string;
   linkActiveClass?: string;
+  linkExactActiveClass?: string;
   parseQuery?: (query: string) => Object;
   stringifyQuery?: (query: Object) => string;
   scrollBehavior?: (

types/test/index.ts

@@ -41,6 +41,7 @@ const router = new VueRouter({
   mode: "history",
   base: "/",
   linkActiveClass: "active",
+  linkExactActiveClass: "exact-active",
   scrollBehavior: (to, from, savedPosition) => {
     if (from.path === "/") {
       return { selector: "#app" };