Merge remote-tracking branch 'upstream/master'

# Conflicts resolved:
#	README.md
#	src/v2/guide/index.md
#	src/v2/guide/installation.md
#	src/v2/guide/typescript.md
#	themes/vue/layout/partials/header.ejs

Signed-off-by: Haeresis <[email protected]>

Author: MachinisteWeb

.github/pull_request_template.md

@@ -1,3 +1,3 @@
 Note
 ====
-We're currently in the process of migrating Vue's documentation to v3. To ensure smooth progress, only PR's that fix critical bugs and/or misinformation will be accepted. If yours is not one of them, consider [creating an issue](https://github.com/vuejs/vuejs.org/issues/new) instead and we will label it as `post-3.0` for later tackling.
+This repository is for Vue 1.x and 2.x only. Issues and pull requests related to 3.x are managed in the v3 doc repo: https://github.com/vuejs/docs-next.

README.md

@@ -1,6 +1,8 @@
 # fr.vuejs.org
 
-Ce site est assemblé avec [hexo](http://hexo.io/). Le contenu du site est écrit au format Markdown et se trouve dans `src`. Les propositions de fusion (*pull request*) sont les bienvenues !
+> Important: Ce dépôt est pour Vue 1.x et 2.x uniquement. Les problèmes (*issues*) et propositions de fusion (*pull request*) concernant Vue 3.x sont gérés dans le [dépôt de la documentation v3](https://github.com/vuejs/docs-next) (EN).
+
+Ce site est assemblé avec [hexo](http://hexo.io/). Le contenu du site est écrit au format Markdown et se trouve dans `src`. Les propositions de fusion sont les bienvenues !
 
 ## Développement
 

package.json

@@ -2,7 +2,7 @@
   "name": "vuejs.org",
   "private": true,
   "hexo": {
-    "version": "3.8.0"
+    "version": "3.7.1"
   },
   "scripts": {
     "start": "hexo server",

src/v2/guide/comparison.md

@@ -111,7 +111,7 @@ React est renommé pour sa courbe d'apprentissage abrupte. Avant de pouvoir rée
 Bien que Vue s'élève au niveau d'utilisation de React, il peut tout aussi bien se réduire au niveau d'utilisation de jQuery. C'est exact — tout ce que vous avez à faire est de placer une balise script dans une page :
 
 ``` html
-<script src="https://cdn.jsdelivr.net/npm/vue"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
 ```
 
 Ensuite vous pouvez commencer à écrire du code Vue et même livrer la version minifiée sans vous sentir coupable ou vous soucier des problèmes de performance.

src/v2/guide/components-dynamic-async.md

@@ -106,6 +106,7 @@ new Vue({
   background: #f0f0f0;
   margin-bottom: -1px;
   margin-right: -1px;
+  overflow-anchor: none;
 }
 .dynamic-component-demo-tab-button:hover {
   background: #e0e0e0;

src/v2/guide/components-props.md

@@ -347,6 +347,7 @@ Ce modèle vous permet d'utiliser des composants de base comme des éléments HT
 
 ```html
 <base-input
+  label="Username:"
   v-model="username"
   required
   placeholder="Entrez votre nom d\'utilisateur"

src/v2/guide/index.md

@@ -24,14 +24,14 @@ La manière la plus simple d'essayer Vue.js est d'utiliser [l'exemple Hello Worl
 
 ``` html
 <!-- Version développement. Celle-ci donne des avertissements utiles sur la console -->
-<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
 ```
 
 ou :
 
 ``` html
 <!-- Version production. celle-ci est optimisée pour la taille et la vitesse -->
-<script src="https://cdn.jsdelivr.net/npm/vue"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
 ```
 
 La page d'[installation](installation.html) vous offre d'autres manières d'installer Vue. Notez que nous **ne** recommandons **pas** aux débutants de commencer avec `vue-cli`, surtout si vous n'êtes pas encore familier avec les outils de *build* basés sur Node.js.

src/v2/guide/installation.md

@@ -41,7 +41,7 @@ Il suffit de télécharger et de l'inclure avec une balise script. `Vue` sera d
 Pour du prototypage ou de l'apprentissage, vous pouvez utiliser la dernière version avec :
 
 ``` html
-<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
 ```
 
 Pour la production, nous vous recommandons de vous figer à une version et un build défini pour éviter les changements non compatibles des nouvelles versions :
@@ -83,7 +83,7 @@ Vue.js offre une [CLI officielle](https://github.com/vuejs/vue-cli) (« interfac
 
 ## Explication des différents builds
 
-Dans le [dossier `dist/` du package npm](https://cdn.jsdelivr.net/npm/vue/dist/) vous trouverez plusieurs builds différents de Vue.js. Voici un aperçu des différences entre chacun d'eux :
+Dans le [dossier `dist/` du package npm](https://cdn.jsdelivr.net/npm/vue@2/dist/) vous trouverez plusieurs builds différents de Vue.js. Voici un aperçu des différences entre chacun d'eux :
 
 | | UMD | CommonJS | ES Module (pour empaqueteurs) | ES Module (pour navigateurs) |
 | --- | --- | --- | --- | --- |
@@ -100,7 +100,7 @@ Dans le [dossier `dist/` du package npm](https://cdn.jsdelivr.net/npm/vue/dist/)
 
 - **Runtime**: le code qui est responsable de la création des instances de Vue, de faire le rendu et les modifications du DOM virtuel. C'est à dire tout, sauf ce que fait la partie Compiler.
 
-- **[UMD](https://github.com/umdjs/umd)** : les builds UMD peuvent être utilisés directement dans un navigateur avec la balise `<script>`. Le fichier par défaut du CDN jsDelivr à l'adresse [https://cdn.jsdelivr.net/npm/vue](https://cdn.jsdelivr.net/npm/vue) est le build UMD Runtime + Compiler (`vue.js`).
+- **[UMD](https://github.com/umdjs/umd)** : les builds UMD peuvent être utilisés directement dans un navigateur avec la balise `<script>`. Le fichier par défaut du CDN jsDelivr à l'adresse [https://cdn.jsdelivr.net/npm/vue@2](https://cdn.jsdelivr.net/npm/vue@2) est le build UMD Runtime + Compiler (`vue.js`).
 
 - **[CommonJS](http://wiki.commonjs.org/wiki/Modules/1.1)**: Les builds CommonJS sont prévus pour une utilisation avec les vieux outils de paquetage (« bundle ») comme [browserify](http://browserify.org/) ou [webpack 1](https://webpack.github.io). Le fichier par défaut pour ces outils (`pkg.main`) est le build CommonJS Runtime (`vue.runtime.common.js`).
 

src/v2/guide/team.md

@@ -412,19 +412,19 @@ order: 803
       languages: ['hi', 'en'],
       work: {
         role: 'Software Engineer',
-        org: 'Myntra',
-        orgUrl: 'https://www.myntra.com/'
+        org: 'Grammarly',
+        orgUrl: 'https://grammarly.com/'
       },
       github: 'znck',
       twitter: 'znck0',
       reposOfficial: [
         'rollup-plugin-vue', 'vue-issue-helper'
       ],
       reposPersonal: [
-        'keynote', 'bootstrap-for-vue', 'vue-interop'
+        'vue-developer-experience', 'prop-types', 'grammarly'
       ],
       links: [
-        'https://znck.me', 'https://www.codementor.io/znck'
+        'https://znck.me'
       ]
     },
     {

src/v2/guide/testing.md

@@ -4,8 +4,6 @@ type: guide
 order: 402
 ---
 
-# Testing
-
 ## Introduction
 
 When it comes to building reliable applications, tests can play a critical role in an individual or team's ability to build new features, refactor code, fix bugs, etc. While there are many schools of thought with testing, there are three categories often discussed in the context of web applications:
@@ -116,7 +114,7 @@ While end-to-end (E2E) testing on the web has gained a negative reputation for u
 
 One of the primary benefits that end-to-end (E2E) testing is known for is its ability to test your application across multiple browsers. While it may seem desirable to have 100% cross-browser coverage, it is important to note that cross browser testing has diminishing returns on a team's resources due the additional time and machine power required to run them consistently. As a result, it is important to be mindful of this trade-off when choosing the amount of cross-browser testing your application needs.
 
-<p class="tip">A recent development in for catching browser-specific issues is using application monitoring and error reporting tools (e.g., Sentry, LogRocket, etc.) for browsers that are not as commonly used (e.g., < IE11, older Safari versions, etc.).</p>
+<p class="tip">A recent development in E2E for catching browser-specific issues is using application monitoring and error reporting tools (e.g., Sentry, LogRocket, etc.) for browsers that are not as commonly used (e.g., < IE11, older Safari versions, etc.).</p>
 
 #### Faster feedback loops
 

src/v2/guide/typescript.md

@@ -4,13 +4,13 @@ type: guide
 order: 403
 ---
 
-> [Vue CLI](https://cli.vuejs.org) fournit des outils de support à TypeScript. 
+> [Vue CLI](https://cli.vuejs.org) fournit des outils de support à TypeScript.
 
 ## Déclaration officielle dans les packages npm
 
 Un système de typage statique peut aider à prévenir des erreurs d'exécutions potentielles, et particulièrement quand les applications grandissent. C'est pourquoi Vue est fourni avec des [déclarations de types officielles](https://github.com/vuejs/vue/tree/dev/types) pour [TypeScript](https://www.typescriptlang.org/), et pas seulement pour le cœur de Vue, mais aussi pour [vue-router](https://github.com/vuejs/vue-router/tree/dev/types) et [vuex](https://github.com/vuejs/vuex/tree/dev/types).
 
-Puisque ceux-ci sont [publiés sur npm](https://cdn.jsdelivr.net/npm/vue/types/), et que la dernière version de TypeScript sait comment résoudre des déclarations de type dans des packages npm, cela signifie qu'installer ceux-ci via npm ne requiert aucun outil supplémentaire pour utiliser TypeScript avec Vue.
+Puisque ceux-ci sont [publiés sur npm](https://cdn.jsdelivr.net/npm/vue@2/types/), et que la dernière version de TypeScript sait comment résoudre des déclarations de type dans des packages npm, cela signifie qu'installer ceux-ci via npm ne requiert aucun outil supplémentaire pour utiliser TypeScript avec Vue.
 
 ## Configuration recommandée
 
@@ -195,7 +195,7 @@ Si vous vous apercevez que l'autocomplétion ne fonctionne pas, annoter certaine
 ```ts
 import Vue, { PropType } from 'vue'
 
-interface ComplexMessage { 
+interface ComplexMessage {
   title: string,
   okMessage: string,
   cancelMessage: string
@@ -204,7 +204,7 @@ const Component = Vue.extend({
   props: {
     name: String,
     success: { type: String },
-    callback: { 
+    callback: {
       type: Function as PropType<() => void>
     },
     message: {

themes/vue/_config.yml

@@ -97,6 +97,12 @@ gold_sponsors:
   - url: 'https://cosmos.network/'
     img: tendermint.png
     name: Tendermint
+  - url: 'https://www.okayhq.com/'
+    img: okay.png
+    name: Okay
+  - url: 'https://www.vpsserver.com'
+    img: vpsserver_com.png
+    name: VPSServer.com
 silver_sponsors:
   - url: 'https://roadster.com'
     img: roadster.png
@@ -107,6 +113,9 @@ silver_sponsors:
   - url: 'https://www.thecasinodb.com'
     img: isolutions_uk_limited.png
     name: iSolutions UK Limited
+  - url: https://teamextension.io
+    img: team_extension_north_america_inc.png
+    name: Team Extension North America Inc
 bronze_sponsors:
   - url: 'https://www.accelebrate.com/'
     img: accelebrate.png

themes/vue/layout/layout.ejs

@@ -1,9 +1,8 @@
 <% var isIndex = page.path === 'index.html' %>
 <% var isThemes = page.path === 'resources/themes.html' %>
-<% var hasBtsBanner = true %>
 
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="with-v3-banner">
   <head>
     <title><%- page.title ? page.title + ' — ' : '' %>Vue.js</title>
     <meta charset="utf-8">
@@ -95,7 +94,7 @@
       <a class="menu-button"></a>
       <a class="logo" href="/"></a>
     </div>
-    <%- partial('partials/header', { hasBtsBanner }) %>
+    <%- partial('partials/header') %>
     <% if (!isIndex) { %>
       <div id="main" class="fix-sidebar">
         <%- body %>

themes/vue/layout/page.ejs

@@ -8,6 +8,11 @@
   </div>
 <% } %>
 <div class="content <%- page.type ? page.type + ' with-sidebar' : '' %> <%- page.type === 'guide' ? page.path.replace(/.+\//, '').replace('.html', '') + '-guide' : '' %>">
+  <p class="tip warning v3-warning">
+    You’re browsing the documentation for v2.x and earlier.
+    For v3.x, <a href="https://v3.vuejs.org/">click here</a>.
+  </p>
+
   <% if (page.type) { %>
     <% if (page.type === 'menu') { %>
       <form id="search-form">

themes/vue/layout/partials/header.ejs

@@ -1,31 +1,12 @@
 <div>
-  <% if (hasBtsBanner) { %>
-  <a id="bts" class="bts-hidden" href="https://vueschool.io/sales/back-to-school?friend=vuejs" target="_blank" rel="noreferrer">
-    <div class="bts-logo">
-      <img src="/images/banners/bts-logo.svg">
-    </div>
-    <div class="bts-main">
-      <div class="bts-backpack">
-        <img src="/images/banners/bts-backpack.svg">
-      </div>
-      <div class="bts-slogan">
-        <div class="bts-title">
-          Moins de <span class="bts-title-green">48 heures</span> restante pour notre offre Vue School
-        </div>
-      </div>
-      <div>
-        <div class="bts-button">REJOINDRE</div>
-      </div>
-    </div>
-    <div id="bts-close" class="bts-close">
-      &times;
-    </div>
-  </a>
-  <% } %>
+  <div id="v3-banner">
+    <span class="hidden-sm">Vous naviguez sur la documentation de Vue v2.x et précédentes.</span>
+    <a href="https://v3.vuejs.org/">Cliquez ici</a> pour la documentation v3.x.
+  </div>
 
   <header id="header">
     <a id="logo" href="<%- url_for("/") %>">
-      <img src="<%- url_for("/images/logo.png") %>" alt="vue logo">
+      <img src="<%- url_for("/images/logo.png") %>" alt="Vue logo">
       <span>Vue.js</span>
     </a>
     <ul id="nav">

themes/vue/layout/partials/sidebar.ejs

@@ -21,7 +21,7 @@
           <%- titles[type] %>
           <% if (['cookbook', 'style-guide'].indexOf(type) === -1) { %>
             <select class="version-select">
-              <option value="v3">3.x-beta</option>
+              <option value="v3">3.x</option>
               <option value="SELF" selected>2.x</option>
               <option value="v1">1.0</option>
               <option value="012">0.12</option>