Unverified Commit be5b9f82 authored by Dmitriy's avatar Dmitriy Committed by GitHub
Browse files

Merge pull request #1 from malyusgun/develop 

Project setup and add 9 initial components
parents 3515a447 0400fa52

.prettierrc.json

+1 −1
Original line number Diff line number Diff line 


{

  "$schema": "https://json.schemastore.org/prettierrc",

  "semi": false,

  "semi": true,

  "singleQuote": true,

  "printWidth": 100

}

.storybook/main.ts

+1 −1
Original line number Diff line number Diff line 
import type { StorybookConfig } from '@storybook/vue3-vite'



const config: StorybookConfig = {

  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],

  stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],

  addons: [

    '@storybook/addon-onboarding',

    '@storybook/addon-essentials',

.storybook/manager-head.html

0 → 100644
+11 −0
Original line number Diff line number Diff line 
<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <link rel="icon" href="./storybook.ico">

  <title>Storybook</title>

</head>

<body>



</body>

</html>
 
 No newline at end of file

.storybook/preview.ts

+1 −0
Original line number Diff line number Diff line 
import type { Preview } from '@storybook/vue3'

import '../src/assets/main.css';



const preview: Preview = {

  parameters: {

README.md

+21 −17
Original line number Diff line number Diff line 
# UI_storybook

# UI_Storybook



UI library of components of Vue.

> UI-библиотека компонентов на Vue, созданная с целью получить опыт

> и использовать в других проектах ввиду её предполагаемой в будущем

> лёгкости и простоте.



Components list:

-

## Список компонентов:

- TreeList;

- MenuDial;

- Slider;

- Drawer;

- Modal;

- SelectButton;

- Button;

- ToggleSwitch;

- Divider;



## Project Setup

### Настройка окружения



```sh

yarn

```



### Compile and Hot-Reload for Development

### Просмотр существующих иконок в виде списка и тестирование компонентов



```sh

yarn dev

```



### Type-Check, Compile and Minify for Production

### Проверка типов, компиляция и минимизация для production



```sh

yarn build

```



### Run Unit Tests with [Vitest](https://vitest.dev/)

## Важные моменты при разработке



```sh

yarn test:unit

```



### Lint with [ESLint](https://eslint.org/)



```sh

yarn lint

```
 
После создания иконки:

1. Добавить иконку в iconsSet (src/common/constants/icons);

2. Добавить иконку в соответствующий массив в App.vue.
 
 No newline at end of file