@geckou/eslint-config 0.1.1 → 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Geckou
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,77 @@
+# @geckou/eslint-config
+
+geckou のプロジェクト共通の ESLint 設定（flat config）。各プロジェクトは参照 1 行だけを持ち、
+ルール本体はこのパッケージが持つ。
+
+## インストール
+
+```bash
+yarn add -D @geckou/eslint-config eslint
+```
+
+`eslint` は peerDependency。プラグイン類はこのパッケージが依存として持つので、個別に入れる必要はない。
+
+## 使い方
+
+プリセットは 5 つ。**重ねて使わない**（それぞれ単独で完結する。重ねると同じプラグインを
+別々の実体で登録することになり、ESLint が `Cannot redefine plugin` で落ちる）。
+
+| サブパス | 対象 |
+| --- | --- |
+| `.` | TypeScript パッケージ（Cloud Functions・共有パッケージ等） |
+| `./next` | Next.js アプリ |
+| `./expo` | Expo アプリ |
+| `./vue` | Vue 3 パッケージ |
+| `./react` | React パッケージ（Next.js を使わないコンポーネントライブラリ等） |
+
+```js
+// eslint.config.mjs（TypeScript パッケージ）
+import geckou from '@geckou/eslint-config'
+
+export default geckou
+```
+
+```js
+// apps/web/eslint.config.mjs
+import next from '@geckou/eslint-config/next'
+
+export default next
+```
+
+```js
+// apps/mobile/eslint.config.mjs
+import expo from '@geckou/eslint-config/expo'
+
+export default expo
+```
+
+```js
+// Vue パッケージの eslint.config.mjs
+import vue from '@geckou/eslint-config/vue'
+
+export default vue
+```
+
+Vue と React が同居するリポジトリでは、**それぞれのディレクトリに絞って**並べる。
+対象が重なると同じファイルに 2 つのプリセットが当たる。
+
+```js
+// リポジトリ直下の eslint.config.mjs
+import react from '@geckou/eslint-config/react'
+import vue from '@geckou/eslint-config/vue'
+
+export default [
+  ...vue.map((config) => ({ ...config, files: ['packages/vue/**/*.{vue,ts}'] })),
+  ...react.map((config) => ({ ...config, files: ['packages/react/**/*.{ts,tsx}'] })),
+]
+```
+
+## 方針
+
+- **フォーマット系のルールは持たない。** Prettier に委譲する（`eslint-config-prettier` で無効化済み）。
+  フォーマットは [`@geckou/prettier-config`](https://www.npmjs.com/package/@geckou/prettier-config) を使う
+- 共通の値（無視するパス・共有ルール）は `rules.js` に置き、各プリセットから参照する。
+  `rules.js` はプラグインを読み込まないので、どのプリセットから参照しても多重定義にならない
+
+ルールを変えるときは [`geckou/project-starter`](https://github.com/geckou/project-starter) の
+`packages/eslint-config/` を直す。

package/package.json

@@ -1,21 +1,26 @@
 {
   "name": "@geckou/eslint-config",
-  "version": "0.1.1",
-  "description": "Shared ESLint flat config for geckou projects (base / next / expo)",
+  "version": "0.2.0",
+  "description": "Shared ESLint flat config for geckou projects (base / next / expo / vue / react)",
   "type": "module",
   "main": "./index.js",
   "exports": {
     ".": "./index.js",
     "./next": "./next.js",
     "./expo": "./expo.js",
+    "./vue": "./vue.js",
+    "./react": "./react.js",
     "./package.json": "./package.json"
   },
   "files": [
     "index.js",
     "next.js",
     "expo.js",
+    "vue.js",
+    "react.js",
     "rules.js",
-    "README.md"
+    "README.md",
+    "LICENSE"
   ],
   "repository": {
     "type": "git",
@@ -39,7 +44,10 @@
     "eslint-config-next": "^15.5.23",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-import": "^2.31.0",
-    "typescript-eslint": "^8.67.0"
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-vue": "^10.0.0",
+    "typescript-eslint": "^8.67.0",
+    "vue-eslint-parser": "^10.0.0"
   },
   "peerDependencies": {
     "eslint": ">=9"

package/react.js

@@ -0,0 +1,33 @@
+// React パッケージ向けのプリセット（Next.js を使わないコンポーネント
+// ライブラリ等）。Next.js アプリは ./next を使う。
+//
+//   // eslint.config.mjs
+//   import react from '@geckou/eslint-config/react'
+//
+//   export default react
+//
+// Hooks のルール（依存配列の漏れ・条件付き呼び出し）はテストで拾えない
+// ため、このプリセットの主目的はそこにある。
+import reactHooks from 'eslint-plugin-react-hooks'
+import prettier from 'eslint-config-prettier'
+import tseslint from 'typescript-eslint'
+
+import { commonIgnores, sharedRules } from './rules.js'
+
+export default [
+  { ignores: commonIgnores },
+  ...tseslint.configs.recommended,
+  prettier,
+  {
+    files: ['**/*.{ts,tsx,js,jsx}'],
+    plugins: { 'react-hooks': reactHooks },
+    // v5 の configs.recommended は eslintrc 形式（plugins を含む）なので、
+    // そのまま flat config に展開できない。ルール定義だけを取り出して使う。
+    // v7 の recommended は React Compiler のルール群まで含み内容が別物なので、
+    // 依存は ^5.0.0 に固定している
+    rules: reactHooks.configs.recommended.rules,
+  },
+  {
+    rules: sharedRules,
+  },
+]

package/rules.js

@@ -29,3 +29,15 @@ export const typescriptRules = {
     },
   ],
 }
+
+// Vue のテンプレート記法に関する規約。属性・イベント名はケバブケースへ
+// 変換せず、コンポーネント側の props / emits 名のまま書く
+export const vueRules = {
+  // 'multi-line' は Prettier の折り返しと衝突する（1 行だった if が
+  // 折り返された瞬間に違反になる）。行の形に依存しない 'all' を使う
+  curly: ['error', 'all'],
+  // 1 語のコンポーネント名（Button.vue 等）を許可する
+  'vue/multi-word-component-names': 'off',
+  'vue/attribute-hyphenation': ['error', 'never', { ignore: ['custom-prop'] }],
+  'vue/v-on-event-hyphenation': ['error', 'never', { autofix: false }],
+}

package/vue.js

@@ -0,0 +1,41 @@
+// Vue 3 パッケージ向けのプリセット。
+//
+//   // eslint.config.mjs
+//   import vue from '@geckou/eslint-config/vue'
+//
+//   export default vue
+//
+// .vue / .ts の両方を検査する。React と Vue が同居するリポジトリでは
+// ./react を配列で後ろに並べる（プラグインの実体は各プリセットで
+// 別々に登録されるため、files で対象を分けている限り衝突しない）。
+import pluginVue from 'eslint-plugin-vue'
+import prettier from 'eslint-config-prettier'
+import tseslint from 'typescript-eslint'
+import vueParser from 'vue-eslint-parser'
+
+import { commonIgnores, sharedRules, vueRules } from './rules.js'
+
+export default [
+  { ignores: commonIgnores },
+  ...tseslint.configs.recommended,
+  ...pluginVue.configs['flat/recommended'],
+  prettier,
+  {
+    files: ['**/*.vue'],
+    languageOptions: {
+      parser: vueParser,
+      parserOptions: {
+        parser: tseslint.parser,
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        extraFileExtensions: ['.vue'],
+      },
+    },
+  },
+  {
+    rules: {
+      ...sharedRules,
+      ...vueRules,
+    },
+  },
+]