Nuxt.jsのmiddlewareをインラインで記述する方法メモ

概要

Nuxt.jsでmiddlewareディレクトリ配下に authenticated.ts のようなファイルを配置してそれをテンプレートから呼び出す方法はサンプルが沢山あるものの、 インラインでmiddlewareを書くサンプルがないなと思い、書き方に若干迷ってしまったので未来の自分のために備忘録として残します。

書き方

export default defineComponent({
  name: "SamplePage",
  components: {
    SampleButton
  },
  middleware: [
    async ({ redirect }) => {
      if (何らかの条件式) {
        redirect("/invoice/reservation");
      }
    },
  ],
 setup() {
   // 中略
 }
});