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

When using the `localPath()` inside a NuxtLink like so:
``

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"
}
}
```