Saltos de página después de recargar en VueJS + Nuxt.js

Tengo un problema extraño. Estoy creando mi aplicación donde tengo un par de páginas. Normalmente se ve bien:

Pero esto es lo que sucede cuando recargo la página:

Como puedes ver, presioné Ctrl + A solo para mostrarte que hay un texto. La segunda recarga no ayuda. Mi aplicación está hecha en VueJS + NuxtJS. ¿Alguien se ha encontrado con eso?

Aquí está el HTML, si puede ser útil:

<template>
  <div>
    <sidebar :subpages='subpages' @clicked="filterByDate"></sidebar>
    <div class='blog-header'>
      <div class='search-div'>
        <input class='search-field' placeholder='Buscar...'>
      </div>
    </div>
    <div class='post-content'>
      <div v-if='$route.params.id'>
        <h1 class='big-text post-title'>{{ post.title }}</h1>
        <h1 class='big-text post-title'>{{ post }}</h1>
      </div>
      <div v-else="">
        <div v-for='title in categoriesAndPretitles' :key='title.section'>
          <div v-if='$route.params.category === title.section'>
            <h1 class='big-text post-title'>{{title.title}}</h1>
            <p class='description-text'>{{title.text}}</p>
          </div>
        </div>
        <div v-for='p of posts' :key='p.id'>
          <div class='post-preview' @click='toPost(p.id, p.type)'>
            <div class='post-preview-img'></div>
            <div class='post-preview-content'>
              <p>{{ p.title }}</p>
              <p class='plot'>{{ p.plot }}</p>
              <p class='date'>{{ p.created_at }}</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--<Footer />-->
  </div>
</template>