c16207c9ba
* initial commit: based on group-tracking-modal branch * chore: merge group-tracking-modal * update: create functions for each success condition * chore: merge develop * chore: work on successModal.vue & remove redundant code on groupPlan.vue * update: remove `giftSubscriptionText4` from footer * fix: correct groupPlan.vue file * update: add messaging placeholder, clean up logic in a few places, update/add strings * update: rearrange modal in order of display & test existence of 'gift-subscription' paymentType * update: added props for receiverName so 'gift-subscription' works * update: add close.svg & function style: refactor CSS * update: work on gift messaging * update: work on gift messaging * update: work on gift messaging * update: let's make messages GO * update: messages are a GO, we have LIFT OFF! * fix: remove console log (oops) Co-authored-by: SabreCat <sabe@habitica.com>
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
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