Как изменить автозаполнение, чтобы я мог искать только 1 слово?

Question

Мой шаблон выглядит так:

<v-autocomplete
        label="Components"
        :items="components"
      ></v-autocomplete>

Мой компонент выглядит так:

  data () {
    return {
      components: [
        'Manchester United', 'Manchester City', 'Chelsea', 'Liverpool', 'Tottenham Hotspurs', 'Everton', 'Arsenal', 'AC Milan', 'Inter Milan', 'Real Madrid', 'Atletico Madrid',
      ],
    }
  },

Демо и полный код выглядит так:

https://codepen.io/positivethinking639/pen/yLyKaZR?editors=1010

Например, я набираю «Манчестер», это покажет Манчестер Сити и Манчестер Юнайтед

Но я не хочу выбирать оба. Я просто хочу ввести слово «Манчестер» только

Как это сделать?

Обновление :

Я хочу, чтобы было 2 варианта. Пользователь может выбрать автозаполнение, а также пользователь может выполнить поиск по ключевому слову

вариант 1: пользовательский ввод Манчестер, пользователь выбирает Манчестер Юнайтед, пользователь щелкает поиск, после чего в результатах поиска отображаются данные Манчестер Юнайтед

вариант 2: пользовательский ввод Манчестер, пользовательский поиск, затем результаты поиска будут отображать данные Манчестер Юнайтед и Манчестер Сити