Vue js: Uncaught SyntaxError: Unexpected identifier at import line
<p>I am trying to use vue plugins but everytime I do I always get an Unexpected Identifier on the import line. Any suggestions?</p>

<p><strong>HTML</strong></p>

<pre><code>&lt;div id="content"&gt;
  &lt;h1&gt;@{{ message }}&lt;/h1&gt;
  &lt;v-select :value.sync="selected" :options="options"&gt;&lt;/v-select&gt;
&lt;/div&gt;
</code></pre>

<p><strong>JS</strong></p>

<pre><code>new Vue({
    el: '#content',
    data: {
    message: 'Hello Worldy'
    },
    import vSelect from "vue-select"
    export default {
        components: {vSelect},
        data() {
          return {
            selected: null,
            options: ['foo','bar','baz']
          }
        }
    }
});
</code></pre>