title: Import npm package in a .blade
body: <p>I use laravel and vue js in a project that I am developing on. I have installed <code>vue-color</code> npm package in-order to load a colour picker.</p>
  
  <p>npm package installed successfully. But when I try to import it to the blade it shows the error below.</p>
  
  <blockquote>
    <p>Uncaught SyntaxError: Cannot use import statement outside a module</p>
  </blockquote>
  
  <p>The below code will show how I used inside the blade.</p>
  
  <pre><code>@section
  &lt;div&gt;
    .......
  &lt;/div&gt;    
  @endsection
  @push('script')
      &lt;script&gt;
  
          import Photoshop from 'vue-color';
  
          var manageDisplayStore = new Vue({
              el: '#containerMain',
              name: 'manageDisplayStore',
              components: {
                  // Photoshop
              },
  </code></pre>
  
  <p>How can I import the package?</p>