intlify / nuxt3

Nuxt 3 Module for vue-i18n-next

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

drm-addoptio opened this issue · comments

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

Have the same config and same error