Превышен максимальный размер стека вызовов Vue.js

Я следую этому руководству и по какой-то причине получаю "максимальную ошибку стека вызовов"

<template>
  <SearchInput></SearchInput>
</template>

<script>

import SearchInput from './components/SearchInput.vue'
export default {
  name: 'App',
  components:{
    SearchInput
  }

};
</script>

SearchInput.vue файл компонента:

<template>
<SearchInput> 
    <input type = "text">
</SearchInput>
</template>


<script>
export default {
    name: "SearchInput",
}
</script>

Я попытался дать SearchInput собственное имя «SearchInputView»: SearchInput, но это не сработало. Я использую синтаксис es6, и это проект Vue 2. Что я делаю не так?