App architecture in vue?

Question

Software design

Hello) Please tell me how to organize a good architecture with many use cases on Vue?
My application will not be limited to CRUD, there will be many different Use Cases for AddPrice, Activate, Remove, Cancel, etc. What architecture should be? How to name files correctly? How and where to store files?
If you call it simply in the Index folders, then there will be many such Indexes and it will be a problem to import them. It would be nice to show examples of good applications with good architecture.
And the second question - is it worth using vuetify?

Answer 1

If you are so worried about the architecture of the application, then I can advise you to look towards Nuxt.js. This framework will force the structure of the application, and at the same time the overall code style.
The file names are written in the official Vue.js documentation. https://vuejs.org/v2/style-guide

Answer 2

In short, don't care about architecture. Give meaningful names to the Vue files and sho. This is the frontend.

Answer 3

Architecture is not about the names of folders and files. Read what is SOLID.
If there is no design and layouts, use vuetify or any other framework.