title: Cannot use import statement outside a module using nuxtjs
body: <p>I am trying to use vue-agile carousel, I can install and get it to run without any issues right after i install it, i am using NUXT, but after restarting my server i keep getting this error and can not find any solution for it</p>
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;agile&gt;
        &lt;div class=&quot;slide&quot;&gt;
          &lt;img src=&quot;/img/img2.jpg&quot; alt=&quot;&quot; /&gt;
        &lt;/div&gt;
        &lt;div class=&quot;slide&quot;&gt;
          &lt;img src=&quot;/img/img1.jpg&quot; alt=&quot;&quot; /&gt;
        &lt;/div&gt;
      &lt;/agile&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script &gt;
  import { VueAgile } from &quot;vue-agile&quot;;
  export default {
    name: &quot;&quot;,
    layout: &quot;&quot;,
    middleware: [],
    data() {
      return {};
    },
    components: {
      agile: VueAgile,
    },
    
  };
  &lt;/script&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/OcKKk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OcKKk.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/YxuVp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YxuVp.png" alt="enter image description here" /></a></p>