Where and what vuetify components to use and how to combine them together?

Question

material design

Hello.
Can you please tell me some tutorials on vuetify , which discusses an integrated approach to creating applications, i.e. not just a description of individual components, but their mutual use in various scenarios, and how this ties into Google's Material Design Guidelines. Recommend some good, competent examples of interfaces (in git) that you can learn from, understand.
For example, I just can’t figure out in which cases to use v-card , the manual says “everywhere, from panels to pictures”, well, I used it everywhere :(...
Or here's another question: in Google's material design there is such a thing as the height of "paper" above the surface. And how to understand what is the height of the layer in the component? Vue-dev-tool shows elevation as undefined , or somewhere else to look.
Which components to use and how to organize them, for example, for such tasks:
Administrative page to display a list of some complex entities, you need to place 5-10 filters, a search bar, an add button, a list of entities, pagination. Place several parameters, action buttons, several images in the list of entities.
That's it, thanks for your attention.

Answer 1

On it to do admin panels, prototypes, in general, such things where the vuetify functionality is enough and you don’t need to typeset anything, they have a lot of examples and templates. The problem with vuetify is that api is often shaken up there, classes change and so on, i.e. to build some kind of enterprise solution on its basis - the idea is so-so, I made an application for it on webview for my project a year or two ago, in general it is impossible to update it now, it is tied to a specific version, and it is heavy. When in the end it became clear that the hell would be updated, then I simply replaced all v-card wrappers, etc., with ordinary divs with classes, everything began to work much faster.