Static GitHub Issues

[2257] Transition broken with Dynamic routes

prev: ERROR in Entry module not found: Error: Can't resolve 'babel-loader' in '...'
next: Dynamic routes generation for multiple component in NUXT

I have this folder structure

pages
--| _section
-----| _slug.vue
-----| index.vue
--| index.vue

The problem is Page transitions are broken on _section route, when I navigate from one Dynamic route to another. I tried different modes, no help

transition: {
    name: 'page',
    mode: 'out-in'
  }

Also tried to add a key, like

<template>
  <section :key="$route.params.section">
    <ul>
      <li v-for="article in $store.state.articles">
        <nuxt-link :to="{ name: 'section-slug', params: { section: article.section, slug: article.slug } }">{{ article.title }}</nuxt-link>
      </li>
    </ul>
  </section>
</template>

Still doesn't work. How to fix it?

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1978">#c1978</a>)</em></sub></div>