What is the best way to organize a project structure in vue?

Question

Vue.js

Good afternoon, tell me the best practices on how to organize the folder structure in the project, there are no questions about the backend of the project, the question arose of how to correctly organize the front structure, how to group js, css files, so far I have found only BEM flex for myself.
The project is average up to 1000 hours of development.
laravel + vue stack

Answer 1

The technology stack is not specified, so I will say in the context of react, as I do.
I put styles next to the code of the component in which they are used. And I put the general styles in a more general folder a couple of levels higher.
For pure HTML/CSS/js, I think a similar principle can be applied.
Tu and tests should also be next to the code under test