[Vue.js]ナビゲーションバーのメニューがうまく表示されない

Question

ナビバーにメニューが表示されない状態です。

以下はコードです。

<template>
  <v-app dark>
    <v-navigation-drawer
      v-model="drawer"
      :mini-variant="miniVariant"
      :clipped="clipped"
      fixed
      app
    >
      <v-list>
        <v-list-item
          v-for="(item, i) in items"
          :key="i"
          :to="item.to"
          router
          exact
        >
          <v-list-item-action>
            <v-icon>{{ item.icon }}</v-icon>
          </v-list-item-action>
          <v-list-item-content>
            <v-list-item-title v-text="item.title" />
          </v-list-item-content>
        </v-list-item>
      </v-list>
    </v-navigation-drawer>
    <v-app-bar :clipped-left="clipped" fixed app>
      <v-app-bar-nav-icon @click.stop="drawer = !drawer" />
      <v-toolbar-title v-text="title" />
      <v-spacer />
    </v-app-bar>
    <v-content>
      <v-container>
        <nuxt />
      </v-container>
    </v-content>
    <v-footer :fixed="fixed" app>
      <span>&copy; 2020</span>
    </v-footer>
  </v-app>
</template>

<script>
export default {
  data() {
    return {
      clipped: false,
      drawer: false,
      fixed: false,
      miniVariant: false,
      right: true,
      rightDrawer: false,
      title: "Todo App",
      computed: {
        user() {
          return this.$store.state.currentUser;
        },
        items() {
          if (this.user) {
            return [
              {
                icon: "mdi-apps",
                title: "Todos",
                to: "/"
              },
              {
                icon: "mdi-chart-bubble",
                title: "mypage",
                to: "/mypage"
              }
            ];
          } else {
            return [
              {
                icon: "mdi-apps",
                title: "ログイン",
                to: "/login"
              },
              {
                icon: "mdi-chart-bubble",
                title: "新規登録",
                to: "/signup"
              }
            ];
          }
        }
      }
    }
  }
};
</script>

itemsをナビバーの中に表示させたいです(;_;)

完成品はこのような形になるそうです。

完成品のgithubのコードをコピーしてみたりしたのですが動きません、、、

これはコードミスではないのでしょうか？
わかる方がいれば是非教えて下さいm(_ _)m

関係あるのかどうかわかりませんが
このような表示がでているのも気になります、、、。

よろしくおねがいします。

Answer 1

}←の位置がずれていたために起きたエラーでした(;_;)
以下のように変更することで解決しました。

export default {
  data() {
    return {
      clipped: false,
      drawer: false,
      fixed: false,
      miniVariant: false,
      right: true,
      rightDrawer: false,
      title: "Todo App"
    };
  },

無事解決できました！
同じことで悩んでいる方がもしいれば参考になればと思います。