enhance: Configure Prettier

.prettierignore

@@ -0,0 +1,9 @@
+node_modules/
+packages/*/node_modules
+.pnpm-store
+
+build/
+built/
+
+misskey-assets/
+fluent-emojis/

package.json

@@ -56,11 +56,15 @@
 	"devDependencies": {
 		"@types/gulp": "4.0.10",
 		"@types/gulp-rename": "2.0.1",
-		"@typescript-eslint/eslint-plugin": "5.61.0",
+		"@typescript-eslint/eslint-plugin": "6.4.0",
-		"@typescript-eslint/parser": "5.61.0",
+		"@typescript-eslint/parser": "6.4.0",
 		"cross-env": "7.0.3",
 		"cypress": "12.17.1",
-		"eslint": "8.45.0",
+		"eslint": "8.47.0",
+		"eslint-config-prettier": "9.0.0",
+		"eslint-plugin-import": "^2.28.0",
+		"eslint-plugin-prettier": "5.0.0",
+		"prettier": "3.0.2",
 		"start-server-and-test": "2.0.0"
 	},
 	"optionalDependencies": {

packages/backend/.eslintrc.cjs

@@ -1,4 +1,5 @@
 module.exports = {
+	parser: '@typescript-eslint/parser',
 	parserOptions: {
 		tsconfigRootDir: __dirname,
 		project: ['./tsconfig.json', './test/tsconfig.json'],

packages/backend/package.json

@@ -198,14 +198,17 @@
 		"@types/vary": "1.1.0",
 		"@types/web-push": "3.3.2",
 		"@types/ws": "8.5.5",
-		"@typescript-eslint/eslint-plugin": "5.61.0",
+		"@typescript-eslint/eslint-plugin": "6.4.0",
-		"@typescript-eslint/parser": "5.61.0",
+		"@typescript-eslint/parser": "6.4.0",
 		"aws-sdk-client-mock": "3.0.0",
 		"cross-env": "7.0.3",
-		"eslint": "8.45.0",
+		"eslint": "8.47.0",
-		"eslint-plugin-import": "2.27.5",
+		"eslint-config-prettier": "9.0.0",
+		"eslint-plugin-import": "2.28.0",
+		"eslint-plugin-prettier": "5.0.0",
 		"execa": "7.1.1",
 		"jest": "29.6.1",
-		"jest-mock": "29.6.1"
+		"jest-mock": "29.6.1",
+		"prettier": "3.0.2"
 	}
 }

packages/frontend/.eslintrc.js

@@ -1,7 +1,8 @@
 module.exports = {
 	root: true,
 	env: {
-		'node': false,
+		node: false,
+		browser: true,
 	},
 	parser: 'vue-eslint-parser',
 	parserOptions: {

packages/frontend/package.json

@@ -112,15 +112,17 @@
 		"@types/uuid": "9.0.2",
 		"@types/websocket": "1.0.5",
 		"@types/ws": "8.5.5",
-		"@typescript-eslint/eslint-plugin": "5.61.0",
+		"@typescript-eslint/eslint-plugin": "6.4.0",
-		"@typescript-eslint/parser": "5.61.0",
+		"@typescript-eslint/parser": "6.4.0",
 		"@vitest/coverage-v8": "0.33.0",
 		"@vue/runtime-core": "3.3.4",
 		"acorn": "8.10.0",
 		"cross-env": "7.0.3",
 		"cypress": "12.17.1",
-		"eslint": "8.45.0",
+		"eslint": "8.47.0",
-		"eslint-plugin-import": "2.27.5",
+		"eslint-config-prettier": "9.0.0",
+		"eslint-plugin-import": "2.28.0",
+		"eslint-plugin-prettier": "5.0.0",
 		"eslint-plugin-vue": "9.15.1",
 		"fast-glob": "3.3.0",
 		"happy-dom": "10.0.3",
@@ -128,7 +130,7 @@
 		"msw": "1.2.2",
 		"msw-storybook-addon": "1.8.0",
 		"nodemon": "3.0.1",
-		"prettier": "3.0.0",
+		"prettier": "3.0.2",
 		"react": "18.2.0",
 		"react-dom": "18.2.0",
 		"start-server-and-test": "2.0.0",

packages/misskey-js/.eslintrc.cjs

@@ -1,4 +1,5 @@
 module.exports = {
+	parser: '@typescript-eslint/parser',
 	parserOptions: {
 		tsconfigRootDir: __dirname,
 		project: ['./tsconfig.json'],

packages/misskey-js/package.json

@@ -24,13 +24,17 @@
 		"@swc/jest": "0.2.26",
 		"@types/jest": "29.5.3",
 		"@types/node": "20.4.2",
-		"@typescript-eslint/eslint-plugin": "5.61.0",
+		"@typescript-eslint/eslint-plugin": "6.4.0",
-		"@typescript-eslint/parser": "5.61.0",
+		"@typescript-eslint/parser": "6.4.0",
-		"eslint": "8.45.0",
+		"eslint": "8.47.0",
+		"eslint-config-prettier": "9.0.0",
+		"eslint-plugin-import": "^2.28.0",
+		"eslint-plugin-prettier": "5.0.0",
 		"jest": "29.6.1",
 		"jest-fetch-mock": "3.0.3",
 		"jest-websocket-mock": "2.4.0",
 		"mock-socket": "9.2.1",
+		"prettier": "3.0.2",
 		"tsd": "0.28.1",
 		"typescript": "5.1.6"
 	},

packages/shared/.eslintrc.js

@@ -1,15 +1,17 @@
 module.exports = {
 	root: true,
-	parser: '@typescript-eslint/parser',
-	plugins: [
-		'@typescript-eslint',
-		'import'
-	],
 	extends: [
 		'eslint:recommended',
-		'plugin:@typescript-eslint/recommended',
+		'plugin:@typescript-eslint/recommended-type-checked',
+		'plugin:@typescript-eslint/stylistic-type-checked',
 		'plugin:import/recommended',
-		'plugin:import/typescript'
+		'plugin:import/typescript',
+		'plugin:prettier/recommended',
+	],
+	plugins: [
+		'@typescript-eslint',
+		'import',
+		"prettier",
 	],
 	rules: {
 		'indent': ['warn', 'tab', {
@@ -92,6 +94,7 @@ module.exports = {
 		'import/no-default-export': ['warn'],
 		'import/order': ['warn', {
 			'groups': ['builtin', 'external', 'internal', 'parent', 'sibling', 'index', 'object', 'type'],
-		}]
+		}],
+		'prettier/prettier': 'warn',
 	},
 };

packages/sw/.eslintrc.cjs

@@ -1,10 +1,11 @@
 module.exports = {
 	root: true,
 	env: {
+		browser: true,
 		node: false,
 	},
+	parser: '@typescript-eslint/parser',
 	parserOptions: {
-		parser: '@typescript-eslint/parser',
 		tsconfigRootDir: __dirname,
 		project: ['./tsconfig.json'],
 	},

packages/sw/package.json

@@ -14,10 +14,14 @@
 		"misskey-js": "workspace:*"
 	},
 	"devDependencies": {
-		"@typescript-eslint/parser": "5.61.0",
+		"@typescript-eslint/eslint-plugin": "^6.4.0",
+		"@typescript-eslint/parser": "6.4.0",
 		"@typescript/lib-webworker": "npm:@types/serviceworker@0.0.67",
-		"eslint": "8.45.0",
+		"eslint": "8.47.0",
-		"eslint-plugin-import": "2.27.5",
+		"eslint-config-prettier": "9.0.0",
+		"eslint-plugin-import": "2.28.0",
+		"eslint-plugin-prettier": "5.0.0",
+		"prettier": "3.0.2",
 		"typescript": "5.1.6"
 	},
 	"type": "module"

prettier.config.js

@@ -0,0 +1,13 @@
+/** @type {import("prettier").Options} */
+module.exports = {
+  printWidth: 120,
+  tabWidth: 2,
+  semi: true,
+  singleQuote: true,
+  jsxSingleQuote: true,
+  trailingComma: 'all',
+  bracketSpacing: true,
+  arrowParens: 'avoid',
+  vueIndentScriptAndStyle: true,
+  endOfLine: 'lf'
+};