title: Syntax errors in vue.js code for autocomplete
body: <p>hi I'm trying to <a href="https://vuejsexamples.com/an-autocomplete-typeahead-component-for-vue-2-and-bootstrap-4/" rel="nofollow noreferrer">autocomplete/typeahead component for Vue 2 and Bootstrap 4</a>
  This is my code.</p>
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;link href=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;
          &lt;link href=&quot;https://unpkg.com/vue-bootstrap-typeahead/dist/VueBootstrapTypeahead.css&quot; rel=&quot;stylesheet&quot;&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
          &lt;div id=&quot;container&quot;&gt;
              &lt;vue-bootstrap-typeahead 
                  v-model=&quot;query&quot;
                  :data=&quot;['Canada', 'USA', 'Mexico']&quot; /&gt;
          &lt;/div&gt;
  
          &lt;script
              src=&quot;https://code.jquery.com/jquery-3.3.1.js&quot;
              integrity=&quot;sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=&quot;
          crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/vue/0.11.10/vue.min.js&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;https://unpkg.com/vue-bootstrap-typeahead&quot;&gt;&lt;/script&gt;
          &lt;script&gt;
              import VueBootstrapTypeahead from 'vue-bootstrap-typeahead';
              Vue.component('vue-bootstrap-typeahead', VueBootstrapTypeahead);
  
              new Vue({
                  el: '#container',
                  data: {
                      value: '',
                  },
              });
          &lt;/script&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>Unfortunately this is not working due to following errors.</p>
  <blockquote>
  <p><strong>SyntaxError: import declarations may only appear at top level of a module</strong></p>
  <p>Source map error: request failed with status 404 Resource URL:
  <a href="https://unpkg.com/vue-bootstrap-typeahead" rel="nofollow noreferrer">https://unpkg.com/vue-bootstrap-typeahead</a> Source Map URL:
  VueBootstrapTypeahead.umd.min.js.map</p>
  </blockquote>
  <p>It would be great if someone can help me on this.</p>