An open API service indexing awesome lists of open source software.

https://github.com/cdek-it/vue-ui-kit


https://github.com/cdek-it/vue-ui-kit

Last synced: 5 months ago
JSON representation

Awesome Lists containing this project

README

          

# vue-ui-kit

Библиотека компонентов на Vue 3 для витрин

Актуальный storybook https://cdek-it.github.io/vue-ui-kit/

## Prerequisits

- Node v20.x
- yarn v1.22.x

## Recommended IDE Setup

- [VSCode](https://code.visualstudio.com/)
- [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur)
- [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin)
- [Eslint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
- [Prettier Eslint](https://marketplace.visualstudio.com/items?itemName=rvest.vs-code-prettier-eslint)

VsCode settings for auto-formatting:

- Editor: Format On Save - true
- Editor: Default Formatter - Prettier Eslint

## Versions

- [vue@3.5.18](https://blog.vuejs.org/posts/vue-3-5)

## Commands

- Установка пакетов `yarn`
- Генерация библиотеки `yarn build`
- Запуск линтера `yarn lint`
- Запуск тестов `yarn test`, с ui `yarn test:ui`
- Проверка типов `yarn type-check`
- Storybook `yarn storybook`
- Генерация типовых файлов для компонента `yarn gen:component ComponentName`

## Manual Publishing

Deploy token можно создать в настройках репозитория (доступно только для мейнтейнеров).

Settings > Repository > Deploy tokens

Далее запустить команды:

```bash
yarn build
npm publish
```

Версия пакета возьмется с `package.json`.

## CI publishing

Есть мануальный пайплайн на ветке `main`, версия также возьмется с `package.json`.