Adding page meta middleware 'nuxt-permissions' results in 404

[DesertCookie]

Adding definePageMeta({ middleware: ['nuxt-permissions'] }) to a page, causes it to return with a 404 error. It does the same if I include my auth.global.ts as middleware (it is currently completely empty anyway). I've made sure to disable SSR.

It's a brand new project and that's pretty much all I've got so far. I'm really curious as to why this doesn't work.

package.json:

{
  "name": "nuxt-app",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "dev:host": "nuxt dev --host",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "dependencies": {
    "@formkit/auto-animate": "^0.8.1",
    "@formkit/nuxt": "^1.5.9",
    "@nuxt/image": "^1.3.0",
    "@pinia-plugin-persistedstate/nuxt": "^1.2.0",
    "@pinia/nuxt": "^0.5.1",
    "nuxt": "^3.10.3",
    "nuxt-permissions": "^0.2.4",
    "vue": "^3.4.19",
    "vue-router": "^4.3.0"
  },
  "devDependencies": {
    "@nuxt/fonts": "^0.0.1",
    "@nuxtjs/html-validator": "^1.6.0",
    "nuxt-icon": "^0.6.8",
    "sass": "^1.71.1"
  }
}