Merge pull request #10 from theAshbringer/chores/prettier

Add and configure prettier

Author: theAshbringer

.eslintrc.js

@@ -13,6 +13,7 @@ module.exports = {
     'plugin:i18next/recommended',
     'plugin:storybook/recommended',
     'plugin:react-hooks/recommended',
+    'prettier',
   ],
   overrides: [
     {
@@ -46,11 +47,7 @@ module.exports = {
   parserOptions: {
     ecmaVersion: 'latest',
   },
-  plugins: [
-    'react',
-    '@typescript-eslint',
-    'i18next',
-  ],
+  plugins: ['react', '@typescript-eslint', 'i18next'],
   rules: {
     'linebreak-style': 'off',
     'import/prefer-default-export': 'off',
@@ -62,7 +59,10 @@ module.exports = {
     'no-shadow': 'off',
     'import/no-extraneous-dependencies': ['error', { devDependencies: true }],
     'react/function-component-definition': 'off',
-    'react/jsx-filename-extension': [2, { extensions: ['.js', '.jsx', '.tsx'] }],
+    'react/jsx-filename-extension': [
+      2,
+      { extensions: ['.js', '.jsx', '.tsx'] },
+    ],
     'react/react-in-jsx-scope': 'off',
     'react/require-default-props': 'off',
     'react/jsx-props-no-spreading': 'off',

.vscode/settings.json

@@ -7,12 +7,14 @@
   // "eslint.format.enable": true,
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit",
-    "source.fixAll.stylelint": "explicit"
+    "source.fixAll.stylelint": "explicit",
+    "source.fixAll.prettier": "explicit",
   },
   "eslint.validate": ["javascript"],
   "css.validate": false,
   "less.validate": false,
   "scss.validate": false,
   "editor.formatOnSave": true,
-  "jest.jestCommandLine": "npm run test:unit --"
+  "jest.jestCommandLine": "npm run test:unit --",
+  "prettier.configPath": ".prettierrc",
 }

package-lock.json

@@ -55,6 +55,7 @@
     "css-loader": "^6.6.0",
     "eslint": "^8.24.0",
     "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-i18next": "^6.0.0-2",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-react": "^7.31.8",