Vue.jsでVuexを使って以下のコードを書くと白紙の画面が表示される様になって困っています。

Vuexの機能を使ってメモアプリを作っています。
以下の記述をすると白紙の画面になり困っています。

わかる方ご教授お願いします。

Vue.js
1src
2→store→index.js
3→views→NewView.vue
4→main.js
5
6(index.js)
7
8import Vue from 'vue'
9import Vuex from 'vuex'
10
11Vue.use(Vuex)
12
13export default new Vuex.Store({
14    state:{
15        memos:[
16            {id:1,body:'サンプルのメモです'}
17        ]
18    }
19})
20
21(NewView.vue)
22<template>
23  <div class="editor">
24    <textarea name="memo" v-model="memoBody"></textarea>
25    <button @click="save">保存</button>
26  </div>
27</template>
28
29<style scoped>
30textarea{
31    width:100%;
32    height:10em;
33}
34button{
35    border:1px solid #333;
36    background-color:#333;
37    color:#fff;
38    padding:10px 20px;
39    margin-top:10px;
40}
41
42</style>
43
44<script>
45export default{
46    name:"NewView",
47    data:function(){
48        return{
49            memoBody:""
50        }
51    },
52    methods:{
53        save:function(){
54                alert('保存されました');
55                this.$router.push("/");
56        }        
57    }   
58}
59</script>
60
61(main.js)
62import { createApp } from 'vue' 
63import Vue from 'vue'
64import App from './App.vue'
65import router from './router'
66import store from './store'
67
68createApp(App).use(router).mount('#app')
69Vue.config.productionTip = false
70
71new Vue({
72    router,
73    store,
74    render:h =>h(App)
75}).$mount('#app')
76