template内での ?? と ?. の利用をeslintで制限する

[k-chop]

内容

何度かコメントされているのを観測したのでeslintで弾くようにしてみました。
eslint-plugin-vueの vue/no-restricted-syntax ルールを使っています。
これはtemplate内でのみ有効なので <script> 内や他には影響を及ぼしません。
ref: https://eslint.vuejs.org/rules/no-restricted-syntax.html

単に禁止だと理由が伝わらないのでカスタムメッセージを設定しました（スクリーンショット参照）

スクリーンショット・動画など

[Hiroshiba]

LGTM！！！
こういった設定もあるんですね！！

[Hiroshiba]

ついでになのですが、同様にオプショナルチェーン（?.）もエラーにできそうでしょうか 🙇
たしかこちらも同様にsyntax highlightが崩れるので･･･。

[k-chop]

optional chainingも MemberExpression[optional=true] で問題なく対応できそうでした！
利用箇所が10ヶ所ほど残っていたので合わせて修正しますね

[k-chop]

51acc52 でoptional chainingを禁止し、
5f0db60 で利用箇所を修正しました。シンプルに三項演算子に置き換えています a?.b => a ? a.b : undefined

[k-chop]

changeHotkeySettingsの返り値は Promise<void> 確定で
?. は必要なさそうだったので単純に外しました
（下の solveDuplicated も同様）

    const changeHotkeySettings = (action: string, combo: string) => {
      return store.dispatch("SET_HOTKEY_SETTINGS", {
        data: {
          action: action as HotkeyAction,
          combination: combo,
        },
      });
    };

[k-chop]

余談：
https://github.com/vuejs/vue-syntax-highlight
githubのsyntax highlightingにはこれが使われているようですが、2年前から動きがないですね・・・
optional chainingで崩れる件もissue立ってはいるようです

[Hiroshiba]

approveできてなかったので再LGTM！！

そうなんですよね、issueがそのままなので悲しみがあります･･･。

[Hiroshiba]

こちらもマージできていませんでした･･･！マージします！！

[Hiroshiba]

検索用にメモ

Null 合体演算子 (??) Nullish coalescing operator