Property localPath was accessed during render but is not defined on instance

[drm-addoptio]

When using the localPath() inside a NuxtLink like so: <NuxtLink :to="localePath('/')">

it throws the following error: Navbar.vue?t=1641286966884:27 Uncaught (in promise) TypeError: _ctx.localePath is not a function at Proxy._sfc_render (Navbar.vue?t=1641286966884:27) at renderComponentRoot (runtime-core.esm-bundler.js:464) at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:4332) at ReactiveEffect.run (reactivity.esm-bundler.js:160) at setupRenderEffect (runtime-core.esm-bundler.js:4458) at mountComponent (runtime-core.esm-bundler.js:4241) at processComponent (runtime-core.esm-bundler.js:4199) at patch (runtime-core.esm-bundler.js:3791) at mountChildren (runtime-core.esm-bundler.js:3987) at processFragment (runtime-core.esm-bundler.js:4158)

package.json:

{
  "private": true,
  "scripts": {
    "dev": "nuxi dev",
    "build": "nuxi build",
    "start": "node .output/server/index.mjs"
  },
  "dependencies": {
    "@headlessui/vue": "latest",
    "@heroicons/vue": "latest",
    "@tailwindcss/forms": "latest",
    "@types/tailwindcss": "latest",
    "autoprefixer": "^10.4.0",
    "nuxt3": "latest",
    "tailwindcss": "^3.0.7"
  },
  "devDependencies": {
    "@intlify/nuxt3": "^0.1.10"
  }
}

[tarikkavaz]

Have the same config and same error