Error in render: "TypeError: Cannot read property 'name' of undefined"がどうしても解決しません。

前提・実現したいこと

udemyにて掲示板アプリを作成しております。
講座通りにコーディングをしましたが、下記のようなエラーが発生し解決できません。
どなたか分かる方ご教示ください。

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

TypeError: Cannot read property 'name' of undefined
at eval (eval at ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c109580-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/App.vue?vue&type=template&id=7ba5bd90& (app.js:950), <anonymous>:67:52)
at Proxy.renderList (vue.runtime.esm.js?2b0e:2630)
at Proxy.render (eval at ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c109580-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/App.vue?vue&type=template&id=7ba5bd90& (app.js:950), <anonymous>:63:11)
at VueComponent.Vue._render (vue.runtime.esm.js?2b0e:3548)
at VueComponent.updateComponent (vue.runtime.esm.js?2b0e:4066)
at Watcher.get (vue.runtime.esm.js?2b0e:4479)
at Watcher.run (vue.runtime.esm.js?2b0e:4554)
at flushSchedulerQueue (vue.runtime.esm.js?2b0e:4310)
at Array.eval (vue.runtime.esm.js?2b0e:1980)
at flushCallbacks (vue.runtime.esm.js?2b0e:1906)

該当のソースコード

vue.js
1<template>
2  <div id="app">
3    <h3>Posts</h3>
4    <label for="name">Nickname : </label>
5    <input
6    id="name"
7    type="text"
8    v-model="name"
9    >
10    <br><br>
11    <label for="comment">Comment : </label>
12    <textarea
13    id="comment"
14    v-model="comment"
15    ></textarea>
16    <br><br>
17    <button @click="createCommet">Send To Backend</button>
18    <h2>All Posts</h2>
19    <div v-for="post in posts" :key="post.name">
20      <br>
21      <div>
22        Name : {{ post.fields.name.stringValue }}
23      </div>
24      <div>
25        Comments : {{ post.fields.comment.stringValue }}
26      </div>
27    </div>
28  </div>
29</template>
30
31<script>
32import axios from 'axios'
33export default {
34  data () {
35    return {
36      name: '',
37      comment: '',
38      posts: {}
39    }
40  },
41  created () {
42    axios.get(
43      'https://firestore.googleapis.com/v1/projects/test-chatapp-b6c40/databases/(default)/documents/comments'
44    )
45      .then(response => {
46        this.posts = response.data.documents
47      })
48  },
49  methods: {
50    createCommet () {
51      axios
52        .post(
53          'https://firestore.googleapis.com/v1/projects/test-chatapp-b6c40/databases/(default)/documents/comments',
54          {
55            fields: {
56              name: {
57                stringValue: this.name
58              },
59              comment: {
60                stringValue: this.comment
61              }
62            }
63          }
64        ) // axios.post('送信するurl',{送りたいデータ} )
65      this.name = ''
66      this.comment = ''
67    }
68  }
69}
70</script>