Nuxt.js console.logで動くアプリが動かせない

Question

axios, modulesの外部API取得のサンプルコードを動かしたくて、書籍(Nuxt.js beginners guide)の通りにやっているのですが、consoleが

となってしまって取得したデータが表示されません。

リンクの公式（https://jp.vuejs.org/v2/guide/deployment.html）では

の様に書いてあったので、

書き足しましたが、;を足しても足さなくても動作しません。

調べても全くどうすればいいかわからず先に進めません。助けていただけるとありがたいです....

pages/index.vueです

<template>
    <div>
    </div>
</template>

<script>
export default {
    async mounted() {
        console.log(
            JSON.stringify(await
            this.$axios.$get('https:qiita.com/api/v2/items?query=tag:nuxt.js'), true, ' ')
        )
    }
}
</script>

Answer 1

下記のコードで取得出来ているのは確認出来ました。
いかがでしょうか。

# コンポネーント

<template>
  <div></div>
</template>

<script>
export default {
  async mounted() {
    const response = await this.$axios.$get("https://qiita.com/api/v2/items?query=tag:nuxt.js")
    console.log(JSON.stringify(response, true, " "))
  }
}
</script>

#　nuxt.config.js

module.exports = {
  /* Set modules */
  modules: [
    "@nuxtjs/axios"
  ],
}

ちなみにnuxt.config.jsの"mode"はspa（Single Page Application）などの指定する項目になります。