Skip to content

Commit 80fdd7b

Browse files
authored
Merge pull request #39 from flaxflour/translation-ru-v4
docs(ru): remove spaces in blocks
2 parents 2c45841 + 56cbe7f commit 80fdd7b

File tree

5 files changed

+23
-23
lines changed

5 files changed

+23
-23
lines changed

docs/ru/guide/actions.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ actions: {
6161

6262
Действия поддерживают тот же формат для передачи нагрузки, а также объектный синтаксис:
6363

64-
``` js
64+
```js
6565
// вызов с нагрузкой
6666
store.dispatch('incrementAsync', {
6767
amount: 10
@@ -76,7 +76,7 @@ store.dispatch({
7676

7777
Более приближённым к реальности примером действий будет формирование заказа на основе состояния корзины покупок. Логика такого действия включает в себя **вызов асинхронного API** и **инициализацию нескольких мутаций**:
7878

79-
``` js
79+
```js
8080
actions: {
8181
checkout ({ commit, state }, products) {
8282
// сохраним находящиеся на данный момент в корзине товары
@@ -102,7 +102,7 @@ actions: {
102102

103103
Диспетчеризировать действия в компонентах можно при помощи `this.$store.dispatch('xxx')` или используя вспомогательную функцию `mapActions`, создающую локальные псевдонимы для действий в виде методов компонента (требуется наличие корневого `$store`):
104104

105-
``` js
105+
```js
106106
import { mapActions } from 'vuex'
107107

108108
export default {
@@ -127,7 +127,7 @@ export default {
127127

128128
Первое, что нужно знать — `store.dispatch` может обрабатывать Promise, возвращаемый обработчиком действия, и также возвращает Promise:
129129

130-
``` js
130+
```js
131131
actions: {
132132
actionA ({ commit }) {
133133
return new Promise((resolve, reject) => {

docs/ru/guide/forms.md

+6-6
Original file line numberDiff line numberDiff line change
@@ -4,19 +4,19 @@
44

55
При использовании строгого режима Vuex может показаться неочевидным как использовать `v-model` с частью состояния Vuex:
66

7-
``` html
7+
```html
88
<input v-model="obj.message">
99
```
1010

1111
Предположим, что `obj` — вычисляемое свойство, которое просто возвращает ссылку на объект из хранилища. В таком случае, `v-model` будет пытаться напрямую изменять значение `obj.message` при действиях пользователя. В строгом режиме такие изменения спровоцируют ошибку, поскольку они происходят вне обработчиков мутаций Vuex.
1212

1313
Для работы с Vuex в такой ситуации, следует привязать значение к `<input>` и отслеживать его изменения по событию `input` или `change`:
1414

15-
``` html
15+
```html
1616
<input :value="message" @input="updateMessage">
1717
```
1818

19-
``` js
19+
```js
2020
// ...
2121
computed: {
2222
...mapState({
@@ -32,7 +32,7 @@ methods: {
3232

3333
А вот и обработчик мутаций:
3434

35-
``` js
35+
```js
3636
// ...
3737
mutations: {
3838
updateMessage (state, message) {
@@ -45,11 +45,11 @@ mutations: {
4545

4646
Заметно, что получившаяся выше запись — куда многословнее, чем используемая в связке `v-model` с локальным состоянием, да и некоторые полезные возможности `v-model` таким образом упускаются. В качестве альтернативы можно предложить использование двунаправленного вычисляемого свойства с сеттером:
4747

48-
``` html
48+
```html
4949
<input v-model="message">
5050
```
5151

52-
``` js
52+
```js
5353
// ...
5454
computed: {
5555
message: {

docs/ru/guide/getters.md

+10-10
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44

55
Иногда может потребоваться вычислять производное состояние на основе состояния хранилища, например, отфильтровать список и затем подсчитать количество элементов:
66

7-
``` js
7+
```js
88
computed: {
99
doneTodosCount () {
1010
return this.$store.state.todos.filter(todo => todo.done).length
@@ -22,7 +22,7 @@ Vuex позволяет определять «геттеры» в хранил
2222

2323
Геттеры получают состояние хранилища первым аргументом:
2424

25-
``` js
25+
```js
2626
const store = createStore({
2727
state: {
2828
todos: [
@@ -42,13 +42,13 @@ const store = createStore({
4242

4343
Геттеры доступны в объекте `store.getters`, и можно получить доступ к значениям как свойствам:
4444

45-
``` js
45+
```js
4646
store.getters.doneTodos // -> [{ id: 1, text: '...', done: true }]
4747
```
4848

4949
Вторым аргументом передаются другие геттеры:
5050

51-
``` js
51+
```js
5252
getters: {
5353
// ...
5454
doneTodosCount: (state, getters) => {
@@ -57,13 +57,13 @@ getters: {
5757
}
5858
```
5959

60-
``` js
60+
```js
6161
store.getters.doneTodosCount // -> 1
6262
```
6363

6464
Теперь можно легко использовать его внутри любого компонента:
6565

66-
``` js
66+
```js
6767
computed: {
6868
doneTodosCount () {
6969
return this.$store.getters.doneTodosCount
@@ -77,7 +77,7 @@ computed: {
7777

7878
Если возвращать функцию, то появляется возможность также передавать аргументы геттерам. Например, это может пригодиться, когда необходимо возвращать данные по указанному критерию:
7979

80-
``` js
80+
```js
8181
getters: {
8282
// ...
8383
getTodoById: state => id => {
@@ -86,7 +86,7 @@ getters: {
8686
}
8787
```
8888

89-
``` js
89+
```js
9090
store.getters.getTodoById(2) // -> { id: 2, text: '...', done: false }
9191
```
9292

@@ -96,7 +96,7 @@ store.getters.getTodoById(2) // -> { id: 2, text: '...', done: false }
9696

9797
Функция `mapGetters` просто проксирует геттеры хранилища в локальные вычисляемые свойства компонента:
9898

99-
``` js
99+
```js
100100
import { mapGetters } from 'vuex'
101101

102102
export default {
@@ -114,7 +114,7 @@ export default {
114114

115115
Если необходимо указать другое имя, используйте объектный синтаксис:
116116

117-
``` js
117+
```js
118118
...mapGetters({
119119
// проксирует `this.doneCount` в `store.getters.doneTodosCount`
120120
doneCount: 'doneTodosCount'

docs/ru/guide/hot-reload.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ Vuex поддерживает горячую замену мутаций, мод
44

55
Для мутаций и модулей необходимо использовать метод API `store.hotUpdate()`:
66

7-
``` js
7+
```js
88
// store.js
99
import { createStore } from 'vuex'
1010
import mutations from './mutations'
@@ -44,7 +44,7 @@ if (module.hot) {
4444

4545
Если в приложении используются только модули, то можно использовать `require.context` для загрузки и горячей перезагрузки всех модулей динамически.
4646

47-
``` js
47+
```js
4848
// store.js
4949
import { createStore } from 'vuex'
5050

docs/ru/index.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Что такое Vuex?
22

3-
::: tip Pinia - новый стандарт по-умолчанию
3+
:::tip Pinia - новый стандарт по-умолчанию
44

55
Официальная библиотека управления состоянием для Vue была изменена на [Pinia](https://pinia.vuejs.org). Pinia имеет почти такой же или улучшенный API что и Vuex 5, описанный в [Vuex 5 RFC](https://github.com/vuejs/rfcs/pull/271). Можно рассматривать Pinia как Vuex 5 с новым именем. Pinia также можно использовать вместе с Vue 2.x.
66

0 commit comments

Comments
 (0)