consistent code blocks

vuejs · posva · Aug 8, 2020 · Aug 14, 2018 · Nov 12, 2018 · Nov 12, 2018
commit 0b8404252091d465ed91f5bd508f6033307287bd
diff --git a/docs/ru/api/README.md b/docs/ru/api/README.md
@@ -22,7 +22,7 @@ sidebar: auto
 
 Иногда может потребоваться применять активный класс к внешнему элементу, а не к тегу `<a>`, в этом случае можно отобразить внешний элемент с помощью `<router-link>` и обернуть содержимое тегом `<a>` внутри:
 
-``` html
+```html
 <router-link tag="li" to="/foo">
   <a>/foo</a>
 </router-link>
@@ -39,7 +39,7 @@ sidebar: auto
 
   Определяет итоговый маршрут ссылки. При нажатии, значение входного параметра `to` будет передано в `router.push()` — поэтому это значение может быть как строкой, так и объектом описывающим маршрут.
 
-  ``` html
+  ```html
   <!-- строка -->
   <router-link to="home">Home</router-link>
   <!-- отобразится в -->
@@ -68,7 +68,7 @@ sidebar: auto
 
   Указание входного параметра `replace` вызовет `router.replace()` вместо `router.push()` при нажатии на ссылку, поэтому навигация не оставит записи в истории переходов.
 
-  ``` html
+  ```html
   <router-link :to="{ path: '/abc'}" replace></router-link>
   ```
 
@@ -79,7 +79,7 @@ sidebar: auto
 
   Указание входного параметра `append` будет добавлять относительный путь к текущему. Например, если мы переходим от `/a` к относительной ссылке `b`, то без `append` будет адрес `/b`, а вместе с `append` получится `/a/b`.
 
-  ``` html
+  ```html
   <router-link :to="{ path: 'relative/path'}" append></router-link>
   ```
 
@@ -90,7 +90,7 @@ sidebar: auto
 
   Иногда необходимо чтобы `<router-link>` отображался другим тегом, например `<li>`. В таком случае мы можем использовать входной параметр `tag`, чтобы указать нужный тег, и он всё равно будет прослушивать события click для навигации.
 
-  ``` html
+  ```html
   <router-link to="/foo" tag="li">foo</router-link>
   <!-- отобразится как -->
   <li>foo</li>
@@ -112,7 +112,7 @@ sidebar: auto
 
   Обратите внимание, поэтому `<router-link to="/">` будет активным для каждого маршрута! Для «режима точного соответствия» укажите в ссылке входной параметр `exact`:
 
-  ``` html
+  ```html
   <!-- эта ссылка будет активной только для адреса `/` -->
   <router-link to="/" exact>
   ```
@@ -141,7 +141,7 @@ sidebar: auto
 
 Поскольку это всего лишь компонент, он работает вместе с `<transition>` и `<keep-alive>`. При одновременном использовании обоих обязательно располагайте `<keep-alive>` внутри:
 
-``` html
+```html
 <transition>
   <keep-alive>
     <router-view></router-view>
@@ -166,7 +166,7 @@ sidebar: auto
 
   Декларация типа для `RouteConfig`:
 
-  ``` js
+  ```js
   declare type RouteConfig = {
     path: string;
     component?: Component;
@@ -290,7 +290,7 @@ sidebar: auto
 
 Сигнатуры:
 
-``` js
+```js
 router.beforeEach((to, from, next) => {
   /* необходимо вызывать `next` */
 })
@@ -314,7 +314,7 @@ router.afterEach((to, from) => {})
 
 Сигнатуры:
 
-``` js
+```js
 router.push(location, onComplete?, onAbort?)
 router.replace(location, onComplete?, onAbort?)
 router.go(n)
@@ -328,7 +328,7 @@ router.forward()
 
 Сигнатура:
 
-``` js
+```js
 const matchedComponents: Array<Component> = router.getMatchedComponents(location?)
 ```
 
@@ -338,7 +338,7 @@ const matchedComponents: Array<Component> = router.getMatchedComponents(location
 
 Сигнатура:
 
-``` js
+```js
 const resolved: {
   location: Location;
   route: Route;
@@ -355,7 +355,7 @@ const resolved: {
 
 Сигнатура:
 
-``` js
+```js
 router.addRoutes(routes: Array<RouteConfig>)
 ```
 
@@ -365,7 +365,7 @@ router.addRoutes(routes: Array<RouteConfig>)
 
 Сигнатура:
 
-``` js
+```js
 router.onReady(callback, [errorCallback])
 ```
 
@@ -379,7 +379,7 @@ router.onReady(callback, [errorCallback])
 
 Сигнатура:
 
-``` js
+```js
 router.onError(callback)
 ```
 
@@ -407,15 +407,15 @@ router.onError(callback)
 
 - В качестве двух первых параметров навигационных хуков:
 
-  ``` js
+  ```js
   router.beforeEach((to, from, next) => {
     // как `to` так и `from` являются объектами маршрута
   })
   ```
 
 - В качестве двух первых параметров функции `scrollBehavior`:
 
-  ``` js
+  ```js
   const router = new VueRouter({
     scrollBehavior (to, from, savedPosition) {
       // как `to` так и `from` являются объектами маршрута
@@ -461,7 +461,7 @@ router.onError(callback)
 
   Массив с **записями маршрутов** для всех вложенных сегментов текущего маршрута. Записи маршрутов — это копии объектов из опции `routes` (и вложенных массивов `children`):
 
-  ``` js
+  ```js
   const router = new VueRouter({
     routes: [
       // объект ниже — это запись маршрута

diff --git a/docs/ru/guide/README.md b/docs/ru/guide/README.md
@@ -12,7 +12,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>
 
@@ -32,7 +32,7 @@
 
 ## JavaScript
 
-``` js
+```js
 // 0. Если используем модульную систему (например через vue-cli),
 // импортируем Vue и VueRouter и затем вызываем `Vue.use(VueRouter)`.
 

diff --git a/docs/ru/guide/advanced/data-fetching.md b/docs/ru/guide/advanced/data-fetching.md
@@ -14,7 +14,7 @@
 
 Предположим, у нас есть компонент `Post`, которому требуется загрузить с сервера данные, соответствующие id поста из `$route.params.id`:
 
-``` html
+```html
 <template>
   <div class="post">
     <div class="loading" v-if="loading">
@@ -33,7 +33,7 @@
 </template>
 ```
 
-``` js
+```js
 export default {
   data () {
     return {
@@ -73,7 +73,7 @@ export default {
 
 Используя этот подход, мы запрашиваем данные до завершения перехода к новому маршруту. Запрос данных выполняется в навигационном хуке `beforeRouteEnter` компонента, который вызывает `next`, когда данные получены:
 
-``` js
+```js
 export default {
   data () {
     return {

diff --git a/docs/ru/guide/advanced/lazy-loading.md b/docs/ru/guide/advanced/lazy-loading.md
@@ -6,13 +6,13 @@
 
 Во-первых, асинхронный компонент можно определить как функцию-фабрику, которая возвращает Promise (который должен разрешиться самим компонентом):
 
-``` js
+```js
 const Foo = () => Promise.resolve({ /* определение компонента */ })
 ```
 
 Во-вторых, с Webpack 2 мы можем использовать синтаксис [динамических импортов](https://github.com/tc39/proposal-dynamic-import) для указания точек разделения кода:
 
-``` js
+```js
 import('./Foo.vue') // возвращает Promise
 ```
 
@@ -22,13 +22,13 @@ import('./Foo.vue') // возвращает Promise
 
 Эти два пункта — всё необходимое, чтобы определить асинхронный компонент, который Webpack автоматически выделит в отдельный фрагмент:
 
-``` js
+```js
 const Foo = () => import('./Foo.vue')
 ```
 
 В конфигурации маршрута ничего менять не нужно, можно использовать `Foo` как обычно:
 
-``` js
+```js
 const router = new VueRouter({
   routes: [
     { path: '/foo', component: Foo }
@@ -40,7 +40,7 @@ const router = new VueRouter({
 
 Иногда может понадобиться объединить в одном фрагменте все компоненты, расположенные по определённому маршруту. Для этого можно указывать [имена фрагментов Webpack](https://webpack.js.org/guides/code-splitting-async/#chunk-names), используя специальный синтаксис комментариев (в версиях Webpack > 2.4):
 
-``` js
+```js
 const Foo = () => import(/* webpackChunkName: "group-foo" */ './Foo.vue')
 const Bar = () => import(/* webpackChunkName: "group-foo" */ './Bar.vue')
 const Baz = () => import(/* webpackChunkName: "group-foo" */ './Baz.vue')

diff --git a/docs/ru/guide/advanced/meta.md b/docs/ru/guide/advanced/meta.md
@@ -2,7 +2,7 @@
 
 Вы можете добавить поле `meta` при определении маршрута:
 
-``` js
+```js
 const router = new VueRouter({
   routes: [
     {
@@ -31,7 +31,7 @@ const router = new VueRouter({
 
 В качестве примера можно привести проверку метаданных в глобальном навигационном хуке:
 
-``` js
+```js
 router.beforeEach((to, from, next) => {
   if (to.matched.some(record => record.meta.requiresAuth)) {
     // этот путь требует авторизации, проверяем залогинен ли

diff --git a/docs/ru/guide/advanced/navigation-guards.md b/docs/ru/guide/advanced/navigation-guards.md
@@ -8,7 +8,7 @@
 
 Глобальный хук можно зарегистрировать через `router.beforeEach`:
 
-``` js
+```js
 const router = new VueRouter({ ... })
 
 router.beforeEach((to, from, next) => {
@@ -44,7 +44,7 @@ router.beforeEach((to, from, next) => {
 
 Можно также зарегистрировать глобальные хуки, вызываемые после завершения перехода. Однако, в отличие от сторожевых хуков, в них не передаётся функция `next`, и на навигацию они повлиять не могут:
 
-``` js
+```js
 router.afterEach((to, from) => {
   // ...
 })
@@ -54,7 +54,7 @@ router.afterEach((to, from) => {
 
 Навигационные хуки `beforeEnter` можно указать напрямую для конкретного маршрута в его конфигурации:
 
-``` js
+```js
 const router = new VueRouter({
   routes: [
     {
@@ -78,7 +78,7 @@ const router = new VueRouter({
 - `beforeRouteUpdate`
 - `beforeRouteLeave`
 
-``` js
+```js
 const Foo = {
   template: `...`,
   beforeRouteEnter (to, from, next) {
@@ -105,7 +105,7 @@ const Foo = {
 
 Тем не менее, доступ к экземпляру можно получить, передав коллбэк в `next`. Эта функция будет вызвана после подтверждения навигации, а экземпляр компонента будет передан в неё в качестве параметра:
 
-``` js
+```js
 beforeRouteEnter (to, from, next) {
   next(vm => {
     // экземпляр компонента доступен как `vm`

diff --git a/docs/ru/guide/advanced/scroll-behavior.md b/docs/ru/guide/advanced/scroll-behavior.md
@@ -6,7 +6,7 @@
 
 При создании экземпляра маршрутизатора, вы можете указать функцию `scrollBehavior`:
 
-``` js
+```js
 const router = new VueRouter({
   routes: [...],
   scrollBehavior (to, from, savedPosition) {
@@ -26,7 +26,7 @@ const router = new VueRouter({
 
 Например:
 
-``` js
+```js
 scrollBehavior (to, from, savedPosition) {
   return { x: 0, y: 0 }
 }
@@ -36,7 +36,7 @@ scrollBehavior (to, from, savedPosition) {
 
 Возврат `savedPosition` позволяет эмулировать нативное поведение браузера при использовании кнопок назад/вперёд:
 
-``` js
+```js
 scrollBehavior (to, from, savedPosition) {
   if (savedPosition) {
     return savedPosition
@@ -48,7 +48,7 @@ scrollBehavior (to, from, savedPosition) {
 
 Эмулировать поведение "прокрутки к якорю" на странице можно так:
 
-``` js
+```js
 scrollBehavior (to, from, savedPosition) {
   if (to.hash) {
     return {
@@ -67,7 +67,7 @@ scrollBehavior (to, from, savedPosition) {
 
 Можно также вернуть Promise, который разрешится объектом с желаемой позицией прокрутки:
 
-``` js
+```js
 scrollBehavior (to, from, savedPosition) {
   return new Promise((resolve, reject) => {
     setTimeout(() => {

diff --git a/docs/ru/guide/advanced/transitions.md b/docs/ru/guide/advanced/transitions.md
@@ -2,7 +2,7 @@
 
 Поскольку `<router-view>` — это просто динамический компонент, к нему можно применять анимацию перехода с помощью `<transition>`:
 
-``` html
+```html
 <transition>
   <router-view></router-view>
 </transition>
@@ -14,7 +14,7 @@
 
 Синтаксис выше применяет одну и ту же анимацию перехода для всех маршрутов. Если для различных маршрутов хочется указать разные анимационные эффекты, можно использовать разноимённые `<transition>` непосредственно в шаблонах компонентов:
 
-``` js
+```js
 const Foo = {
   template: `
     <transition name="slide">
@@ -36,14 +36,14 @@ const Bar = {
 
 Можно также определять анимацию перехода для маршрутов динамически, в зависимости от соотношения между старым и новым маршрутом:
 
-``` html
+```html
 <!-- используем динамическое имя анимационного перехода -->
 <transition :name="transitionName">
   <router-view></router-view>
 </transition>
 ```
 
-``` js
+```js
 // затем, в родительском компоненте, будем следить за переменной `$route`,
 // чтобы определить, какой анимационный переход применять
 watch: {