How to use components in my custom js file in Laravel and Vue.js?

Question

I'm new to Laravel and Vue.js. I created a simple Laravel/Vue.js project like this post: https://itsolutionstuff.com/post/laravel-5-and-vue-js-crud-with-pagination-example-and-demo-from-scratchexample.html

Now I want to add date-picker to my blade files: https://talkhabi.github.io/vue-persian-datetime-picker/#/installation

However, when I import component to my js file (for example item.js ), I get the following error message:

SyntaxError: import declarations may only appear at top level of a module.

Answer 1

Your import statements must come first at the beginning of your JS files. No import statements should come after regular code.