Home

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?