[Improve code]: Linterの設定修正

[ZEKE320]

概要

このPRでは次の変更を行っています。

1. コーディングスタイルに関するルールを削除
2. 未使用の変数に関するルールを改善
3. JSXの属性に対するPromise型チェックのルールを無効化

修正後のリンティングエラー例

_(アンダースコア)から始まる変数の場合

$("meta").each((_, element) => { ... })

$ npx astro check
...
15:00:11 [check] Getting diagnostics for Astro files in /workspaces/skyshare/astro...
Result (104 files): 
- 0 errors
- 0 warnings
- 0 hints

$ npx eslint src/pages/api/getOgpMeta.ts (出力なし)

任意の変数の場合

$("meta").each((unusedVar, element) => { ... })

$ npx astro check
...
15:01:16 [check] Getting diagnostics for Astro files in /workspaces/skyshare/astro...
src/pages/api/getOgpMeta.ts:143:21 - warning ts(6133): 'unusedVar' is declared but its value is never read.

143     $("meta").each((unusedVar, element) => { ... })
                        ~~~~~~~~~

Result (104 files): 
- 0 errors
- 0 warnings
- 1 hint

$ npx eslint src/pages/api/getOgpMeta.ts 

/workspaces/skyshare/astro/src/pages/api/getOgpMeta.ts
  143:21  warning  'unusedVar' is defined but never used. Allowed unused args must match /^_/u  @typescript-eslint/no-unused-vars

✖ 1 problem (0 errors, 1 warning)

別モジュールからインポートした変数の場合

import { corsAllowOrigin, unusedImport} from "@/lib/vars"

$ npx astro check
...
src/pages/api/getOgpMeta.ts:3:27 - warning ts(6133): 'unusedImport' is declared but its value is never read.

3 import { corsAllowOrigin, unusedImport} from "@/lib/vars"
                            ~~~~~~~~~~~~

Result (104 files): 
- 0 errors
- 0 warnings
- 1 hint

$ npx eslint src/pages/api/getOgpMeta.ts 

/workspaces/skyshare/astro/src/pages/api/getOgpMeta.ts
  3:27  warning  'unusedImport' is defined but never used. Allowed unused vars must match /^_/u  @typescript-eslint/no-unused-vars

✖ 1 problem (0 errors, 1 warning)

Resolves #64

[ZEKE320]

@nkte8

@typescript-eslint/no-misused-promises
この設定も上記の推奨構成に含まれるうちの一つです。公式ドキュメントを覗いた限りでは、Voidを返す関数を引数とする箇所のみで、このルールを無効化することも出来るようですね[2]> (https://github.com/nkte8/skyshare/discussions/38#user-content-fn-2-5a030d1f7af0e7a171f79916c700b548)。

Discussion #38¹ でも話題に挙がりましたが、

• onClick等で利用される関数のPromise型戻り値を許容する設定

も、こちらで解決しましょうか？

Footnotes

1. https://github.com/nkte8/skyshare/discussions/38#discussioncomment-8927127 ↩

[nkte8]

@ZEKE320

Discussion #38 でも話題に挙がりましたが、

• onClick等で利用される関数のPromise型戻り値を許容する設定

も、こちらで解決しましょうか？

可能そうであればぜひ対応していただきたいです...！

[cloudflare-workers-and-pages]

Deploying skyshare with    Cloudflare Pages

Latest commit:	15a34ed
Status:	✅  Deploy successful!
Preview URL:	https://6d94906f.skyshare.pages.dev
Branch Preview URL:	https://preview-issue-64.skyshare.pages.dev

View logs

[ZEKE320]

@nkte8
対応完了しました
レビューお願いします！

ちなみに、JSXのPromise型チェックは次のような挙動になっています

• 変更前
  

• 変更後
  

公式ドキュメントにてJSXのチェックに関する記述¹が見つかったので、そちらをそのまま適用しています

Footnotes

1. https://typescript-eslint.io/rules/no-misused-promises/#:~:text=attributes%3A%20Disables%20checking%20an%20asynchronous%20function%20passed%20as%20a%20JSX%20attribute%20expected%20to%20be%20a%20function%20that%20returns%20void ↩

[nkte8]

リクエスト本文と追加コメント分の２点、動作確認しました！対応ありがとうございました