NuxtでThough the "loose" option was set to "false"...を解消した話

何が起きたか？

Nuxt.jsでyarn devするとターミナルに下記のWARNが大量に現れたので解決したメモです。
深追いはしていません。とりあえず消すための対処療法だという事をご承知下さい。

WARN  Though the "loose" option was set to "false" in your @babel/preset-env config, it will not be used for @babel/plugin-proposal-private-methods since the "loose" mode option was set to "true" for @babel/plugin-proposal-class-properties.
The "loose" option must be the same for @babel/plugin-proposal-class-properties, @babel/plugin-proposal-private-methods and @babel/plugin-proposal-private-property-in-object (when they are enabled): you can silence this warning by explicitly adding
        ["@babel/plugin-proposal-private-methods", { "loose": true }]
to the "plugins" section of your Babel config.

解決する方法

nuxt.config.jsのbuildプロパティを下記と置き換えればとりあえず消えてくれます。公式を参考に、babelの設定を変更しました。

  build: {
    babel: {
      presets({ isServer }, [ preset, options ]) {
        options.loose = true;
      }
    }
  }

looseって何なん？

@babel/pluginのloose/specモードについてまとめ

babelの変換ルールを緩くする。例えば「ES6の実装をES5で表現するには、厳密にはこうなんだけど、少し緩くして、大体こんな感じ」で変換するモードという理解（不安）。

終わりに

Google先生に質問するも、あまり情報が出てこなかったので、**こんなとこでつまずいているのは自分だけなのか？**と劣等感に苛まれつつも、もし、同じ人がいたら解決の役に立つかもしれないというモチベーションで、トラブルシュートの記録を残します。

もっと良い方法をご存知の方いましたら是非教えて下さい。