Where wrong with the installation Vuetify?

Following the of. documentation, vue ui set Vuitify.
5e98e6fba7721322825410.png

In main.js however, he added:
5e98e6a6dd39f082228107.png

But the standard welcome page, which he created, looks like this:
5e98e74c80376520472486.png

In the console error that cannot find the components:
5e98e796a5e3d814481525.png

Tried to add vuitify buttons in your templates the same error.

Tell me, please, what is missing?

UPD:

Rolled back all changes and completely reset Vuetify.
Now he sees the components, but with the styles is a problem.
For example:
<div class="my-2">
 <v-small btn color="primary">Primary</v btn>
 </div>

Appears so:
5e9977b1e44f1913953835.png

Although index.html he added:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
April 19th 20 at 12:26
2 answers
April 19th 20 at 12:28
Solution
1. After correctly fitting fully rolled back all changes in the project (using Git).
2. Removed all installed components in node module:
"vuetify": "^2.2.11",
"vue-cli-plugin-vuetify": "^2.0.5",
"vue-template-compiler": "^2.6.11",
"vuetify-loader": "^1.3.0"
3. In the same way as the first time using vue ui installed everything from 0. Worked, but was a bug with the display of styles.
The problem is solved using v-app:
<v-app>
 <v-btn color="success">Success</v btn>
</v-app>

Response styles found here:
April 19th 20 at 12:30
What do you have in ./plugins/vuetify is?
there should be
Vue.use(Vuetify)
5e9969d9420ef170439993.png
Like all over the place. - Amparo93 commented on April 19th 20 at 12:33
Rolled back all changes and completely reset Vuetify.
Now he sees the components, but with the styles is a problem.
For example:
<div class="my-2">
 <v-small btn color="primary">Primary</v btn>
 </div>

Appears so:
5e9977b1e44f1913953835.png

Although index.html he added:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
- Amparo93 commented on April 19th 20 at 12:36

Find more questions by tags Vue.jsJavaScript