vue中使用vuex获取不到store值

main.js中得代码：

import App from './App.vue'
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

Vue.config.productionTip = false

const store = new Vuex.Store({
  state: {
    count: 0,  // 定义一个count属性
  }
})

new Vue({
  render: h => h(App),
  store
}).$mount('#app')

App.vue

<template>
  <div id="app">
    <div> state的数据：{{count}}</div>
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  name: 'App',
  date() {
    return {

    }
  },
  computed: {
    ...mapState(['count'])
  }
}
</script>

<style>

</style>

运行结果及报错内容

我想要达到的结果

为啥我获取不到vuex中count值

data 写错了 你现在是date

把date改成data即可