Files
habitica/website/client
dependabot[bot] 43fcce7242 build(deps): bump core-js from 3.32.2 to 3.33.1 in /website/client (#14955)
Bumps [core-js](https://github.com/zloirock/core-js/tree/HEAD/packages/core-js) from 3.32.2 to 3.33.1.
- [Release notes](https://github.com/zloirock/core-js/releases)
- [Changelog](https://github.com/zloirock/core-js/blob/master/CHANGELOG.md)
- [Commits](https://github.com/zloirock/core-js/commits/v3.33.1/packages/core-js)

---
updated-dependencies:
- dependency-name: core-js
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2023-10-25 14:16:37 -04:00
..
2023-06-07 13:33:58 -04:00
2019-10-01 11:44:38 +02:00
2023-10-03 13:30:44 -05:00
2019-10-15 15:32:53 +02:00
2023-10-03 13:30:44 -05:00
2020-01-12 19:34:40 +01:00

Habitica Client

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Storybook

Storybook is mainly used while working on UI-Components to see changes faster instead of using the website.

Start Storybook

npm run storybook:serve

This will start the storybook process, every *.stories.js-File is searched and added to the storybook overview.

Storybook Worklow

Usually when you working on component-name.vue you also create a component-name.stories.js file.

Example of the stories structure - Storybook Docs - CountBadge

Each function or example of this component will be put after storiesOf('Your Component', module), in a separate .add('function of component', ...

Storybook Build

After each client build, storybook build is also triggered and will be available in dist/storybook

Vue Structure

Currently pages and components are mixed in /src/components this is not a good way to find the files easy.

Thats why each changed / upcoming page / component should be put in either /src/components or in the /src/pages directory.

Inside Pages, each page can have a subfolder which contains sub-components only needed for that page - otherwise it has to be added to the normal components folder.

At the end of all the changes - the components should only contain components needed between all pages