Add prettier and run prettier command via lint-staged

[maskeynihal]

Type of Change

• Build Scripts: Add prettier with husky for code formatting
• Tool Source: JS and Vue
• Something else: Added prettier which runs with lint-staged.

What issue does this relate to?

resolves #447

What should this PR do?

• Add new package prettier
• Run the prettier using lint-staged when creating a new git commit
• npm run prettier should style the issue by prettier
• npm run prettier:check should check if there is any error and give a list of files that have errors.

What are the acceptance criteria?

• prettier should run in only the files that are changed when a new git commit is added.
• test prettier CI should run on PR and it should pass before merging the code.

[maskeynihal]

here are the changes that are made by prettier. maskeynihal#1

should I also push the changes? @MattIPv4?

the test failing should fixed by the changes.

[MattIPv4]

I think you'll probably want to add a dedicated test step for prettier -- eslint is definitely not flagging all the issues.

And yeah, a commit with all the changes prettier wants would be good as well.

[maskeynihal]

@MattIPv4 All the checks are passing.

I think you'll probably want to add a dedicated test step for prettier

I didn't get what you meant by this.

[MattIPv4]

You'll want to add a new GitHub Actions test check for prettier -- eslint did fail, but it definitely did not fail with everything that prettier wanted to change.

[maskeynihal]

@MattIPv4 I have added github action to check code by prettier.

Should we restrict the use of the "prettier" check to only .js and .vue files, or should we also apply it to other file types such as .md, .json, and so on?

Thanks for taking the time to look into the PR.

[MattIPv4]

LGTM, tyvm!

[maskeynihal]

@MattIPv4 Would you mind adding the "hacktoberfest" tag to this PR if you can? It would be fantastic for keeping track of contributions during Hacktoberfest, but don't worry if you can't. I'm thrilled to contribute either way!

[MattIPv4]

The repository already has the hacktoberfest topic, that is all that is needed for contributions to be counted for it. Adding a hacktoberfest label to a PR does absolutely nothing in the context of Hacktoberfest.

[maskeynihal]

@MattIPv4 Gotcha. Thanks. Previously it was showing Not-Accepted in my profile but now it's working fine.

Thanks once again.