docs: remove Bit

vuejs · Oct 1, 2019 · 8161493 · 8161493
1 parent 902fbd9
commit 8161493
Show file tree

Hide file tree

Showing 13 changed files with 37 additions and 73 deletions.
diff --git a/docs/.vuepress/components/Bit.vue b/docs/.vuepress/components/Bit.vue
diff --git a/docs/README.md b/docs/README.md
@@ -1,7 +1,5 @@
 # Introduction
 
-<Bit/>
-
 :::tip VERSION NOTE
 For TypeScript users, `vue-router@3.0+` requires `vue@2.5+`, and vice versa.
 :::

diff --git a/docs/api/README.md b/docs/api/README.md
@@ -4,8 +4,6 @@ sidebar: auto
 
 # API Reference
 
-<Bit/>
-
 ## `<router-link>`
 
 `<router-link>` is the component for enabling user navigation in a router-enabled app. The target location is specified with the `to` prop. It renders as an `<a>` tag with correct `href` by default, but can be configured with the `tag` prop. In addition, the link automatically gets an active CSS class when the target route is active.

diff --git a/docs/fr/README.md b/docs/fr/README.md
@@ -1,7 +1,5 @@
 # Introduction
 
-<Bit/>
-
 :::tip VERSION NOTE
 Pour les utilisateurs de TypeScript, `vue-router@3.0+` requière `vue@2.5+`, et vice versa.
 :::

diff --git a/docs/fr/api/README.md b/docs/fr/api/README.md
@@ -4,8 +4,6 @@ sidebar: auto
 
 # API
 
-<Bit/>
-
 ## `<router-link>`
 
 `<router-link>` est le composant pour activer la navigation utilisateur dans une application où le routeur est activé. La localisation cible est spécifiée grâce à la prop `to`. Il est rendu en tant que balise `<a>` avec le `href` correct par défaut, mais peut être configuré grâce à la prop `tag`. De plus, le lien se verra attribuer une classe CSS active lorsque la route cible est active.
@@ -55,10 +53,14 @@ Dans ce cas, `<a>` sera le lien actuel (et récupèrera le bon `href`), mais la
   <router-link :to="{ path: 'home' }">Accueil</router-link>
 
   <!-- route nommée -->
-  <router-link :to="{ name: 'user', params: { userId: 123 }}">Utilisateur</router-link>
+  <router-link :to="{ name: 'user', params: { userId: 123 }}"
+    >Utilisateur</router-link
+  >
 
   <!-- avec une requête, résulte en `/register?plan=private` -->
-  <router-link :to="{ path: 'register', query: { plan: 'private' }}">S'enregistrer</router-link>
+  <router-link :to="{ path: 'register', query: { plan: 'private' }}"
+    >S'enregistrer</router-link
+  >
   ```
 
 ### replace
@@ -169,7 +171,7 @@ Le composant `<router-view>` est un composant fonctionnel qui fait le rendu du c
 
     // 2.6.0+
     caseSensitive?: boolean, // use case sensitive match? (default: false)
-    pathToRegexpOptions?: Object, // path-to-regexp options for compiling regex
+    pathToRegexpOptions?: Object // path-to-regexp options for compiling regex
   }
   ```
 
@@ -361,7 +363,7 @@ L'objet `Route` peut être trouvé à plusieurs endroits :
   const router = new VueRouter({
     scrollBehavior(to, from, savedPosition) {
       // `to` et `from` sont tous les deux des objets Route
-    },
+    }
   })
   ```
 
@@ -412,10 +414,10 @@ L'objet `Route` peut être trouvé à plusieurs endroits :
         component: Foo,
         children: [
           // c'est aussi un itinéraire
-          { path: 'bar', component: Bar },
-        ],
-      },
-    ],
+          { path: 'bar', component: Bar }
+        ]
+      }
+    ]
   })
   ```
 

diff --git a/docs/fr/guide/README.md b/docs/fr/guide/README.md
@@ -1,17 +1,15 @@
 # Pour commencer
 
-<Bit/>
-
 ::: tip Note
 Nous utiliserons [ES2015](https://github.com/lukehoban/es6features) dans les exemples de code dans ce guide.
- Tous les exemples utiliseront la version complète de Vue pour rendre l'analyse de template possible. Plus de détails [ici](https://fr.vuejs.org/guide/installation.html#Runtime-Compiler-vs-Runtime-seul).
+Tous les exemples utiliseront la version complète de Vue pour rendre l'analyse de template possible. Plus de détails [ici](https://fr.vuejs.org/guide/installation.html#Runtime-Compiler-vs-Runtime-seul).
 :::
 
 Créer une application monopage avec Vue + Vue Router est vraiment simple. Avec Vue.js, nous concevons déjà notre application avec des composants. En ajoutant vue-router dans notre application, tout ce qu'il nous reste à faire est de relier nos composants aux routes, et de laisser vue-router faire le rendu. Voici un exemple de base :
 
 ## HTML
 
-``` html
+```html
 <script src="https://unpkg.com/vue/dist/vue.js"></script>
 <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
 
@@ -32,7 +30,7 @@ Créer une application monopage avec Vue + Vue Router est vraiment simple. Avec
 
 ## JavaScript
 
-``` js
+```js
 // 0. Si vous utilisez un système de module (par ex. via vue-cli), il faut importer Vue et Vue Router et ensuite appeler `Vue.use(VueRouter)`.
 
 // 1. Définissez les composants de route.
@@ -73,16 +71,14 @@ En injectant le routeur, nous y avons accès à travers `this.$router`. Nous avo
 // Home.vue
 export default {
   computed: {
-    username () {
+    username() {
       // Nous verrons ce que représente `params` dans un instant.
       return this.$route.params.username
     }
   },
   methods: {
-    goBack () {
-      window.history.length > 1
-        ? this.$router.go(-1)
-        : this.$router.push('/')
+    goBack() {
+      window.history.length > 1 ? this.$router.go(-1) : this.$router.push('/')
     }
   }
 }

diff --git a/docs/guide/README.md b/docs/guide/README.md
@@ -1,7 +1,5 @@
 # Getting Started
 
-<Bit/>
-
 ::: tip Note
 We will be using [ES2015](https://github.com/lukehoban/es6features) in the code samples in the guide.
 
@@ -12,7 +10,7 @@ Creating a Single-page Application with Vue + Vue Router is dead simple. With Vu
 
 ## HTML
 
-``` html
+```html
 <script src="https://unpkg.com/vue/dist/vue.js"></script>
 <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
 
@@ -33,7 +31,7 @@ Creating a Single-page Application with Vue + Vue Router is dead simple. With Vu
 
 ## JavaScript
 
-``` js
+```js
 // 0. If using a module system (e.g. via vue-cli), import Vue and VueRouter
 // and then call `Vue.use(VueRouter)`.
 
@@ -75,16 +73,14 @@ By injecting the router, we get access to it as `this.$router` as well as the cu
 // Home.vue
 export default {
   computed: {
-    username () {
+    username() {
       // We will see what `params` is shortly
       return this.$route.params.username
     }
   },
   methods: {
-    goBack () {
-      window.history.length > 1
-        ? this.$router.go(-1)
-        : this.$router.push('/')
+    goBack() {
+      window.history.length > 1 ? this.$router.go(-1) : this.$router.push('/')
     }
   }
 }

diff --git a/docs/ru/README.md b/docs/ru/README.md
@@ -1,7 +1,5 @@
 # Введение
 
-<Bit/>
-
 :::tip ПРИМЕЧАНИЕ К ВЕРСИИ
 Для пользователей TypeScript, `vue-router@3.0+` требуется `vue@2.5+`, и наоборот.
 :::

diff --git a/docs/ru/api/README.md b/docs/ru/api/README.md
@@ -4,8 +4,6 @@ sidebar: auto
 
 # Справочник API
 
-<Bit/>
-
 ## `<router-link>`
 
 `<router-link>` — это компонент предназначенный для навигации пользователя в приложении с клиентской маршрутизацией. Путь назначения указывается входным параметром `to`. По умолчанию компонент рендерится в тег `<a>` с корректным значением `href`, но это можно изменить входным параметром `tag`. Кроме того, ссылка автоматически получает активный класс CSS при переходе на путь назначения.
@@ -167,7 +165,7 @@ sidebar: auto
 
 ## `<router-view>`
 
-Функциональный компонент `<router-view>` отображает компонент соответствующий данному маршруту. Компоненты внутри `<router-view>` также могут содержать в шаблоне собственный `<router-view>` (он  будет использован для отображения компонентов вложенных маршрутов).
+Функциональный компонент `<router-view>` отображает компонент соответствующий данному маршруту. Компоненты внутри `<router-view>` также могут содержать в шаблоне собственный `<router-view>` (он будет использован для отображения компонентов вложенных маршрутов).
 
 Все остальные входные параметры передаются в отображаемый компонент, однако данные маршрута удобнее получать из `$route.params` текущего маршрута.
 
@@ -457,7 +455,7 @@ router.onError(callback)
 
   ```js
   const router = new VueRouter({
-    scrollBehavior (to, from, savedPosition) {
+    scrollBehavior(to, from, savedPosition) {
       // как `to` так и `from` являются объектами маршрута
     }
   })
@@ -475,7 +473,7 @@ router.onError(callback)
 
   - тип: `Object`
 
-    Объект, который содержит пары ключ/значение динамических сегментов маршрута (включая *-сегменты). Если параметров нет, то значением будет пустой объект.
+    Объект, который содержит пары ключ/значение динамических сегментов маршрута (включая \*-сегменты). Если параметров нет, то значением будет пустой объект.
 
 - **\$route.query**
 

diff --git a/docs/ru/guide/README.md b/docs/ru/guide/README.md
@@ -1,7 +1,5 @@
 # Начало работы
 
-<Bit/>
-
 ::: tip Примечание
 Мы будем использовать синтаксис [ES2015](https://github.com/lukehoban/es6features) в примерах кода в этом руководстве.
 
@@ -73,16 +71,14 @@ const app = new Vue({
 // Home.vue
 export default {
   computed: {
-    username () {
+    username() {
       // Мы скоро разберём что такое `params`
       return this.$route.params.username
     }
   },
   methods: {
-    goBack () {
-      window.history.length > 1
-        ? this.$router.go(-1)
-        : this.$router.push('/')
+    goBack() {
+      window.history.length > 1 ? this.$router.go(-1) : this.$router.push('/')
     }
   }
 }

diff --git a/docs/zh/README.md b/docs/zh/README.md
@@ -1,7 +1,5 @@
 # 介绍
 
-<Bit/>
-
 :::tip 版本说明
 对于 TypeScript 用户来说，`vue-router@3.0+` 依赖 `vue@2.5+`，反之亦然。
 :::

diff --git a/docs/zh/api/README.md b/docs/zh/api/README.md
@@ -4,8 +4,6 @@ sidebar: auto
 
 # API 参考
 
-<Bit/>
-
 ## `<router-link>`
 
 `<router-link>` 组件支持用户在具有路由功能的应用中 (点击) 导航。
@@ -14,7 +12,7 @@ sidebar: auto
 `<router-link>` 比起写死的 `<a href="...">` 会好一些，理由如下：
 
 - 无论是 HTML5 history 模式还是 hash 模式，它的表现行为一致，所以，当你要切换路由模式，或者在 IE9 降级使用 hash 模式，无须作任何变动。
-- 在 HTML5 history 模式下，`router-link`  会守卫点击事件，让浏览器不再重新加载页面。
+- 在 HTML5 history 模式下，`router-link` 会守卫点击事件，让浏览器不再重新加载页面。
 - 当你在 HTML5 history 模式下使用 `base` 选项之后，所有的 `to` 属性都不需要写 (基路径) 了。
 
 ### `v-slot` API (3.1.0 新增)
@@ -121,7 +119,7 @@ sidebar: auto
 - 类型: `string`
 - 默认值: `"a"`
 
-  有时候想要  `<router-link>` 渲染成某种标签，例如 `<li>`。
+  有时候想要 `<router-link>` 渲染成某种标签，例如 `<li>`。
   于是我们使用 `tag` prop 类指定何种标签，同样它还是会监听点击，触发导航。
 
   ```html

diff --git a/docs/zh/guide/README.md b/docs/zh/guide/README.md
@@ -1,7 +1,5 @@
 # 起步
 
-<Bit/>
-
 ::: tip 注意
 教程中的案例代码将使用 [ES2015](https://github.com/lukehoban/es6features) 来编写。
 
@@ -12,7 +10,7 @@
 
 ## HTML
 
-``` html
+```html
 <script src="https://unpkg.com/vue/dist/vue.js"></script>
 <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
 
@@ -33,7 +31,7 @@
 
 ## JavaScript
 
-``` js
+```js
 // 0. 如果使用模块化机制编程，导入Vue和VueRouter，要调用 Vue.use(VueRouter)
 
 // 1. 定义 (路由) 组件。
@@ -73,16 +71,14 @@ const app = new Vue({
 // Home.vue
 export default {
   computed: {
-    username () {
+    username() {
       // 我们很快就会看到 `params` 是什么
       return this.$route.params.username
     }
   },
   methods: {
-    goBack () {
-      window.history.length > 1
-        ? this.$router.go(-1)
-        : this.$router.push('/')
+    goBack() {
+      window.history.length > 1 ? this.$router.go(-1) : this.$router.push('/')
     }
   }
 }
@@ -92,4 +88,4 @@ export default {
 
 你可以看看这个[在线的](https://jsfiddle.net/yyx990803/xgrjzsup/)例子。
 
-要注意，当 `<router-link>` 对应的路由匹配成功，将自动设置 class 属性值  `.router-link-active`。查看 [API 文档](../api/#router-link) 学习更多相关内容。
+要注意，当 `<router-link>` 对应的路由匹配成功，将自动设置 class 属性值 `.router-link-active`。查看 [API 文档](../api/#router-link) 学习更多相关内容。