Creating components using Hygen

Naming convention

The components that have the tendency of being used round the application have the 'Acv' prefix attached i.e. AcvInput.

Automation

All components should be created using the command:

hygen component new [ComponentName]

Component name should follow the naming convention above. This command would create a component with the default structure.

SFC structure

For ease and better Developer Experience the template of all components would be placed in the middle of the script and styling.

Unit Testing

All component tests should be kept in the components folder and saved in the below-mentioned format to foster writing of unit tests.

[ComponentName].spec.ts

Styling

Styles would make use of scoped. Each component should have set of components' tokens in css format, that should be used in the component's styles.

[ComponentName].css

Global variables can be imported from the styles directory using:

@import "@/styles";

or globally in entry file.