[Vuejs]-Splitting VUE code for simplicity in multi developer team environment

.vue files are single file components (SFC), which means they can only contain one component (one <template> and/or one <script> and/or one <style>).

Also, you are not supposed to put vue code in your index.html, because it is not valid html.

You could simply use subfolders like /groups and /items, then create multiple .vue files like ProductList.vue, AddProduct.vue, etc.

FYI, in the line import product-list from '../components/items.vue', product-list is not a valid javascript variable name (can’t contain hyphens).