Vue. js не может создать экземпляр библиотеки

Question

Я хочу использовать автозаполнение. js в моем Vue проекте. Это документация: https://tarekraafat.github.io/autoComplete.js/# / . Я добавляю скрипт sr c не так, как описано, поскольку компоненты vue уже имеют один тег скрипта по умолчанию. Вот мой код:

<template>
  <div class="small">
    <link rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@7.2.0/dist/css/autoComplete.min.css">
    <input id="autoComplete" tabindex="1" style="width: 35vw; right: 10vw;">
    <!-- Default "id" value = "autoComplete"> -->
  </div>
</template>

<script>

  export default {

    data() {
      return {

      }
    },
    async mounted() {
      let autoComplete = document.createElement('script');
      autoComplete.setAttribute('src', 'https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@7.2.0/dist/js/autoComplete.min.js');
      document.head.appendChild(autoComplete); // this is how I add the script src
      this.AutoComplete();

    },
    methods: {
      AutoComplete() {
        new autoComplete({
          data: {
            src: () => {
              const query = document.querySelector('#autoComplete').value
              console.log(query)
            }
          }
        })
      }
    }
  }
</script>

<style>

</style>

Это не весь код, но в основном то, что важно для автозаполнения. Вот ошибка, которую я получаю:

[Vue warn]: Error in mounted hook (Promise/async): "TypeError: autoComplete is not a constructor"

found in

---> <HelloWorld> at src/components/HelloWorld.vue
       <App> at src/App.vue
         <Root>

Полагаю, автозаполнение вообще не распознается, скрипт sr c не работает или что-то в этом роде.