nuxt-link does not work in transition-group

Reproduction link

https://github.com/nuxt-community/nuxt-i18n

Steps to reproduce

1. Install nuxt
2. Install and configure nuxt-i18n
3. Place nuxt-link in transition group with or without localePath()

nuxt.config.js

module.exports = {
  mode: 'universal',
  modules: [
    ['nuxt-i18n', {
      locales: [
        { code: 'en' },
        { code: 'fr' },
        { code: 'es' }
      ],
      defaultLocale: 'en',
      vueI18n: {
        fallbackLocale: 'en',
        messages: {
          en: {
            welcome: 'Welcome'
          },
          fr: {
            welcome: 'Bienvenue'
          },
          es: {
            welcome: 'Bienvenido'
          }
        }
      }
    }]
  ]
}

index.vue

<template>
  <div>
    <transition-group>
      <nuxt-link
        v-for="i in 3"
        :key="i"
        to="/new">
      New
      </nuxt-link>
    </transition-group>
  </div>
</template>

What is expected ?

Route transition

What is actually happening?

children is undefined

<div align="right">_{This bug report is available on Nuxt.js community (#c66)}</div>

[arantes555]

Seeing the same issue here. In dev only, nuxt-link inside a transition-group with nuxt-i18n enabled gives the error. Removing any of those 4 makes it work fine.

[rchl]

Can’t reproduce it anymore myself. Even with old tests.