Nuxt3でclickイベントを実装するとリントエラーが発生する(ts(2322))

Question

前提

TypeScript+Vue(Nuxt3)でシステムを作っています。
clickイベントを実装中に以下のリントエラーが発生しました。

実現したいこと

動くことには動くのですが、可能であればこのエラーを削除したいです。

発生している問題・エラーメッセージ

<button @click="onClick()">Button</button>のclickの下に赤い波線が表示され以下のエラーメッセージが表示されます。

型 '($event: any) => void' を型 'MouseEvent' に割り当てることはできません。ts(2322)
__VLS_types.ts(109, 56): 予期された型は、型 'EventObject<any, "click", {}, MouseEvent>' に対してここで宣言されたプロパティ 'click' から取得されています

該当のソースコード

<script lang="ts" setup>
const onClick = () => {
  console.log("Button click");
};
</script>

<template>
  <div>
    <button @click="onClick()">Button</button>
  </div>
</template>

試したこと

node_moduleの再インストール
またエラーメッセージ通り、型 '($event: any) => void'をMouseEventに変換しようとしましたが、そもそもの方法がわかりませんでした。

補足情報（FW/ツールのバージョンなど）

npm 9.3.0
nuxt@3.0.0-rc.11