Nuxt.jsにてnuxt.config.jsを操作したらdefault.vueが初期化された。

前提

nuxt.js初心者です。vue ver.2はコンポーネント、propsなど、ある程度分かります。
vueCLIは勉強はしましたが、実践で使用したことはあまりないです。
nuxt.jsをインストールしたばかりで、動作確認のためSSRとSPAの設定変更を試していました。

問題、解決したいこと

nuxt.config.jsの中に以下を記述したところ、default.vueの中身が初期化、layoutsフォルダのカスタムレイアウトが削除されてしまいました。

なぜ初期化が起こったのか、初期化されずに済む方法、をご存知な方はいらっしゃいますでしょうか。
初心者なので、nuxt.jsの使い方を分からず操作しているので、質問の内容が不明瞭でしたらすみません。

----nuxt.config.js-----

export default {
  // Global page headers: https://go.nuxtjs.dev/config-head
  head: {
    title: 'nuxt-first',
    htmlAttrs: {
      lang: 'en'
    },
    mode: 'universal',  //これの追加によりSSRとSPAの設定変更をできると記事で読んだので、追加したら、初期化された。
...省略
}

起こった現象

操作前

---- default.vue-----

<template>
  <div>
    <nav-bar />
    <nuxt />
  </div>
</template>

<script>
import NavBar from '@/components/NavBar.vue';
export default {
  components:{
    NavBar,
  }
}
</script>

mode: 'universal',を記述後

---- default.vue-----

<template>
  <Nuxt />
</template>

そして、layoutsフォルダにあったカスタムレイアウト（blog.vue）が削除された。

試したこと

色々調べてみましたが、該当する記事が出てこず、自分で対処できませんでした。
nuxt.jsのガイドの記事を見ながら進めている状況です。
参考記事：https://reffect.co.jp/vue/nuxt-js-first-step#Sever_Side_Rendering
（この記事のSSRとSPAの設定変更という箇所を行なっています。）