open-index/open-npm huggingface dataset:
npm package: @item.com/desgin-system
Description: Customized Element Plus components
Author: Ljh
Latest version: 1.2.1

# unis-vue3-base

- It is recommended to use *Composition API* for project development

## Common Commands
- Start
```bash
npm start
```

- Build
```bash
npm run build:stage
npm run build:prod
```

- Unit testing
```bash
npm run test
```

## Different Project Env Configurations
- Global Config： under `<root>/configs/linc/` ，dev environment under `/dev` ，production env under `/prod` ， take wise project for example，e.g: `dev/dev.js` and `prod/stage.js`;
- Proxy：under `<root>/configs/proxy/`， take wise project for example e.g : `dev.js`;

## Code Formatting
-  Use eslint+prettier
-  Install Eslint and Prettier plugins in vscode for hints
-  No extra plugins needed for webstorm

## Dependencies Explanation
- lodash-es: replaces lodash, better tree shaking
- dayjs: time tool library, replaces moment, smaller size
- pinia: state management
- axios+rxjs: http requests. rxjs for data stream processing。[Rxjs Operator Decision Tree](https://rxjs.tech/operator-decision-tree)
- vue-router: routing[Docs](https://router.vuejs.org/installation.html)
- vue-i18n: i18n[Docs](https://vue-i18n.intlify.dev/guide/introduction.html)
- tailwindcss: css framework，[Docs](https://tailwindcss.com/docs/width)
- element plus: A Vue 3 UI Framework，[Docs](https://element-plus.org/),
Please refer to the documentation for colors and component styles. [Docs](https://www.figma.com/file/YABsDFeazRsWDzi7y85AV4/The-Design-System?type=design&node-id=4581-158173&mode=design&t=56a4JcypR2uCIxzo-0),
Basic components are rewritten through styles, and the location of the rewritten file is unis-vue3-base\src\styles\element-plus-reset-light.scss(element-plus-reset-dark.scss)
- @vueuse/core: common Vue 3 hooks [Docs](https://vueuse.org/shared/createGlobalState/)
- @vueuse/rxjs: rxjs related hooks [Docs](https://vueuse.org/rxjs/from/)
- Material Icons: common icons [Docs](https://marella.me/material-icons/demo)。Remove related imports in `src/styles/third-party.scss` if not used
- Fortawesome: common icons  [Docs](https://fontawesome.com/search?o=r&m=free)。Remove related imports in `src/styles/third-party.scss` if not used
- @formkit/auto-animate: animations [Docs](https://auto-animate.formkit.com/#examples)