chore: local prettier run

[wlee221]

Description of changes

• Make .prettierrc extendable.

I changed .prettierrc to .prettierrc.js. Packages that needs extra prettier config can extend the root level prettier config using this pattern:

 module.exports = { 
 	...require('../../.prettierrc.js'), // extend the root-level prettier config
 	printWidth: 120, 
 }; 

• Add printWidth: 120 prettier setting to package/ui-components

This was the previous prettier setting before #7790 was merged. I think it makes sense to have longer printWidth for ui-components because the tsx files tends to be longer width (due to tag names, stencil decorator patterns, nested html trees, and so on).

• Run prettier on packages/*.[ts,tsx,vue,js] files

Checklist

• PR description included
• yarn test passes

By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.

[wlee221]

closing as local prettier run has unexpected side effect in aws-amplify-vue package due to whitespaces changes inside strings. Will reopen at a smaller scope.

[github-actions]

This pull request has been automatically locked since there hasn't been any recent activity after it was closed. Please open a new issue for related bugs.

Looking for a help forum? We recommend joining the Amplify Community Discord server *-help channels or Discussions for those types of questions.