Nuxt.jsビギナーズガイドで発生した、Cannot read property 'name' of nullエラーについて

前提・実現したいこと

ここに質問の内容を詳しく書いてください。

Nuxt.jsビギナーズガイドのnuxt-blog-serviceを作成しており、
投稿機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

TypeError: Cannot read property 'name' of null

該当のソースコード

Nuxtjs
1<template>
2  <section class="container posts-page">
3    <el-card style="flex: 1">
4      <div slot="header" class="clearfix">
5        <el-input placeholder="タイトルを入力" v-model="formData.title" />
6      </div>
7      <div>
8        <el-input placeholder="本文を入力..." type="textarea" rows="15" v-model="formData.body" />
9      </div>
10      <div class="text-right" style="margin-top: 16px;">
11        <el-button type="primary" @click="publish" round>
12          <span class="el-icon-upload2" />
13          <span>投稿する</span>
14        </el-button>
15      </div>
16    </el-card>
17  </section>
18</template>
19
20<script>
21import { mapGetters, mapActions } from 'vuex'
22
23export default {
24  asyncData({ redirect, store }){
25    if (!store.getters['user']) {
26      redirect('/')
27    }
28    return {
29      formData: {
30        title: '',
31        body: ''
32      }
33    }
34  },
35  computed: {
36    ...mapGetters(['user'])
37  },
38  methods: {
39    async publish(){
40      const payload = {
41        user: this.user,
42        ...this.formData,
43      }
44      await this.publishPost({ payload })
45      this.$router.push('/posts')
46    },
47    ...mapActions('users', ['updateUser']),
48    ...mapActions('posts', ['publishPost'])
49  }
50}
51</script>
52
53<style>
54.posts-page, el-table__row{
55  cursor: pointer;
56}
57</style>
58