refactoring & use oxfmt instead of prettier (#17)

* typo fix

* go-connectを修正＆二間トビと大ゲイマを追加

* 目盛りや星の明度を調整

* fix コスミ connection

* npm audit fix

* update dependencies

* npm update

* `next lint`からESLint CLIに移行

https://nextjsjp.org/docs/app/guides/upgrading/codemods#next-lintからeslint-cliへ移行

* add Next.js mcp server

* upgrade Next.js to the latest

* fix eslint config

* replace Prettier with oxfmt

* add eslint mcp server

* fix ci

Author: u-sho

.github/workflows/lintcheck.yaml

@@ -11,5 +11,5 @@ jobs:
           node-version: 20
           cache: 'npm'
       - run: npm ci
-      - run: npx prettier . --check
+      - run: npx oxfmt --check
       - run: npm run lint

.oxfmtrc.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "trailingComma": "none",
+  "singleQuote": true,
+  "printWidth": 80,
+  "experimentalSortPackageJson": false,
+  "ignorePatterns": []
+}

.prettierrc

@@ -2,6 +2,7 @@
   "recommendations": [
     "dbaeumer.vscode-eslint",
     "bradlc.vscode-tailwindcss",
-    "esbenp.prettier-vscode"
-  ]
+    "oxc.oxc-vscode"
+  ],
+  "unwantedRecommendations": ["esbenp.prettier-vscode"]
 }

.vscode/extensions.json

@@ -0,0 +1,15 @@
+{
+  "servers": {
+    "io.github.vercel/next-devtools-mcp": {
+      "type": "stdio",
+      "command": "npx",
+      "args": ["-y", "next-devtools-mcp@latest"]
+    },
+    "ESLint": {
+      "type": "stdio",
+      "command": "npx",
+      "args": ["@eslint/mcp@latest"]
+    }
+  },
+  "inputs": []
+}

.vscode/mcp.json

@@ -1,9 +1,12 @@
 {
   "[typescript][typescriptreact][json][jsonc]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "oxc.oxc-vscode"
   },
   "files.insertFinalNewline": true,
   "files.trimFinalNewlines": true,
-  "prettier.enable": true,
-  "typescript.tsdk": "node_modules/typescript/lib"
+  "editor.formatOnSave": true,
+  "editor.formatOnSaveMode": "file",
+  "typescript.tsdk": "node_modules/typescript/lib",
+
+  "chat.mcp.gallery.enabled": true
 }

.vscode/settings.json

@@ -1,13 +1,20 @@
-import { FlatCompat } from '@eslint/eslintrc';
+import { defineConfig, globalIgnores } from 'eslint/config';
+import nextVitals from 'eslint-config-next/core-web-vitals';
+import typescript from 'eslint-config-next/typescript';
+import prettier from 'eslint-config-prettier';
 
-const compat = new FlatCompat({
-  baseDirectory: import.meta.dirname
-});
-
-const eslintConfig = [
-  ...compat.config({
-    extends: ['next/core-web-vitals', 'next/typescript', 'prettier']
-  })
-];
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...typescript,
+  prettier,
+  // eslint-config-nextのデフォルト無視設定をオーバーライドします。
+  globalIgnores([
+    'node_modules/**',
+    '.next/**',
+    'out/**',
+    'build/**',
+    'next-env.d.ts'
+  ])
+]);
 
 export default eslintConfig;