Skip to content

Commit

Permalink
Merge pull request #35 from ChillyLife11/ChillyLife11-patch-1
Browse files Browse the repository at this point in the history
Fixed favourites.md
  • Loading branch information
altrusl authored May 21, 2024
2 parents acb4639 + 549a92c commit edb14af
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions docs/ru/arty-crafty/showcase/favourites.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ head:

## Иконка на карточке товара

При работе в карточками товара у нас появилась необходимость в "Избранном". На каждой карточке есть иконка "сердечка", которая при клике загорается или гаснет, - товар кладется в "Избранное" или убирается оттуда. Кроме того, есть отдельная страница "Избранное", показывающая все товары из него в том же виде, что и любая категория. А так же в главном `AppHeader` у нас есть иконка/ссылка "Избранное" с бэджиком, показывающим число товаров в нём.
При работе с карточками товара у нас появилась необходимость в "Избранном". На каждой карточке есть иконка "сердечка", которая при клике загорается или гаснет, - товар кладется в "Избранное" или убирается оттуда. Кроме того, есть отдельная страница "Избранное", показывающая все товары из него в том же виде, что и любая категория. А так же в главном `AppHeader` у нас есть иконка/ссылка "Избранное" с бэджиком, показывающим число товаров в нём.

Это первый случай, когда в приложении нужно использовать то, что на фронтенде гордо называется `state`, для своей работы требующий отдельный `state manager`. Благо, Vue 3 Composition API низвело этого царька до рядового члена команды, и с ним теперь можно работать как с обычной переменной, только реактивной.

Expand All @@ -26,7 +26,7 @@ head:

::: details Сам код
```js
// src/producs/composables/useFavourites.ts
// src/products/composables/useFavourites.ts
import { ref } from "vue";

const favourites = ref < Set < number >> (new Set());
Expand Down

0 comments on commit edb14af

Please sign in to comment.