import报错，我都还没写完呢，todolist页面报错编译失败指向import

<template>
<div>
  <div>
    <input v-model="inputValue"/>
    <button @click="handlsSubmit">提交</button>
  </div>
  <ul>

  </ul>
</div>
</template>

<script>
export default {
import TodoItem from './components/HelloWorld'
  data: function () {
  components: {
    'todo-item': HelloWorld
  },
    return {
      inputValue: '',
      list: []
    }
  },
  methods: {
    handlsSubmit () {
      this.list.push(this.inputValue)
    }
  }
}
</script>

<style>

</style>