Поэтому я попытался реализовать этот пример для v-значка из vuetify, и он просто не отображается в DOM:
<v-badge bordered color="error" icon="mdi-lock" overlap>
<v-btn class="white--text" color="error" depressed>
Lock Account
</v-btn>
</v-badge>
Затем я сравнил исходный код рабочий пример на веб-сайте vuetify с скомпилированным исходным кодом моего примера:
рабочий пример на веб-сайте vuetify: ![working example on vuetify website](https://i.stack.imgur.com/faaeg.png)
не рабочий пример в моем vue экземпляр: ![Not working example in my vuet instance](https://i.stack.imgur.com/dXqbV.png)
Обратите внимание на отсутствие диапазона v-badge__wrapper
. Вместо этого есть только пустой комментарий: <!---->
Есть идеи почему? И как это исправить?