fix: remove @vue/prettier configs, move prettier overrides into separate file

clashes

Author: lukashass

index.js

@@ -10,7 +10,7 @@ module.exports = {
   extends: [
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
-    'plugin:prettier/recommended',
+    './prettier.js',
     'plugin:import/errors',
     'plugin:import/warnings',
     'plugin:import/typescript',
@@ -49,11 +49,8 @@ module.exports = {
         patterns: ['src', 'dist'],
       },
     ],
-    'arrow-body-style': 'error',
-    'prettier/prettier': 'error',
     'no-console': 'warn',
     'no-useless-concat': 'error',
-    curly: ['error'],
     'prefer-const': 'error',
     'spaced-comment': ['error', 'always'],
     'object-shorthand': ['error', 'always'],

package.json

@@ -20,8 +20,6 @@
     "@rushstack/eslint-patch": "^1.0.6",
     "@typescript-eslint/eslint-plugin": "4.24.0",
     "@typescript-eslint/parser": "4.24.0",
-    "@vue/eslint-config-prettier": "6.0.0",
-    "@vue/eslint-config-typescript": "7.0.0",
     "eslint-config-prettier": "8.1.0",
     "eslint-plugin-import": "2.22.1",
     "eslint-plugin-jest": "24.3.1",

pnpm-lock.yaml

@@ -0,0 +1,11 @@
+module.exports = {
+  extends: ['plugin:prettier/recommended'],
+  rules: {
+    // enable in accordance with https://github.com/prettier/eslint-config-prettier#curly
+    curly: ['error', 'all'],
+
+    // risky because of https://github.com/prettier/eslint-plugin-prettier#arrow-body-style-and-prefer-arrow-callback-issue
+    'arrow-body-style': 'error',
+    'prefer-arrow-callback': 'error',
+  },
+};

prettier.js

@@ -17,15 +17,14 @@ module.exports = {
     './jest.js',
 
     'plugin:vue/vue3-recommended',
-    '@vue/typescript/recommended',
-    '@vue/prettier',
-    '@vue/prettier/@typescript-eslint',
+    './prettier.js',
     'plugin:vue-scoped-css/recommended',
     'plugin:@intlify/vue-i18n/recommended',
   ],
 
   rules: {
     'vue/attribute-hyphenation': 'error',
+    // enable in accordance with https://github.com/prettier/eslint-config-prettier#vuehtml-self-closing
     'vue/html-self-closing': [
       'error',
       {
@@ -84,10 +83,6 @@ module.exports = {
     'vue-scoped-css/no-unused-selector': 'error',
     'vue-scoped-css/no-parsing-error': 'error',
     'vue-scoped-css/require-scoped': 'error',
-
-    // set this again because some extended config disabled it
-    'prettier/prettier': 'error',
-    curly: 'error',
   },
 
   settings: {