TypeScriptの非同期処理のawait忘れを防止する

[KentaHizume]

概要

TSでasyncメソッドをawaitしなくても特にビルドのエラー等が出ないので、
非同期処理のawait忘れが発生しやすい。

typescript-eslintの下記のルールを用いると、
不適切な非同期処理の使用を警告してくれるので、問題がなければ使いたい。

    '@typescript-eslint/no-floating-promises': 'warn',
    '@typescript-eslint/no-misused-promises': 'warn',

詳細 / 機能詳細（オプション）

ルールの紹介

https://dev.classmethod.jp/articles/eetann-no-more-await-pien/

パフォーマンスをよくするために、
問題のない箇所であればあえてawaitしないという場合があるらしいが、
下記の記事では検討の上であえてawaitしないのはアンチパターンとしたほうがいいかも、というトーン。

https://qiita.com/KuwaK/items/f3ce503da410ac86325b

typescript-eslintのrecommendedのルールには含まれていないが、
recommended-type-checkedという型情報を必要とするルールセットには含まれている。

https://zenn.dev/sushidesu/articles/you-should-use-recommended-type-checked-config

完了条件

ここにこの Issue の完了条件を箇条書きで記載します。

[KentaHizume]

rules以外に、parserの設定をしないとうまく動かないので注意

https://eslint.vuejs.org/user-guide/#how-to-use-a-custom-parser

  parser: "vue-eslint-parser",
  parserOptions: {
    parser: "@typescript-eslint/parser"
  },
    rules: {
    '@typescript-eslint/no-floating-promises': 'warn',
    '@typescript-eslint/no-misused-promises': 'warn',
  },

[KentaHizume]

二度手間になることを避けるため、下記の後に検討する

• ESLint 9のflat configに移行する #349