Не отображаеться текст на панели навигации в Vuetify
 

Всем привет. Изучаю фреймворк Vuetify не могу панель навигации сделать, текста с кнопками не видно :-/ Скопировал весь код с сайта
https://vuetifyjs.com/en/components/app-bars/
Вставил их в проект

<template>

<v-app>
  <v-navigation-drawer app temporary>  </v-navigation-drawer>

  <v-app-bar
   app
    color="deep-purple accent-4"
    dense
    dark
   >  
      Гамбуркер менюшки  не видно
      <v-app-bar-nav-icon>   </v-app-bar-nav-icon>
       Эта иконка не отображаеться
      <v-icon>mdi-heart</v-icon>          
      
  </v-app-bar>

  <v-main>
      <router-view></router-view>
    
  </v-main>
</v-app>
</template>

<style scoped>
 
</style>

В чем может быть проблема? Панель сама отображаеться
https://prnt.sc/ub2bf8

Если добавить

<v-app-bar-nav-icon> <v-icon>mdi-heart</v-icon>   </v-app-bar-nav-icon>
       <v-icon>fas fa-lock</v-icon>
      <v-icon>mdi-heart</v-icon>
      <v-toolbar-title>Page title</v-toolbar-title>
  </v-app-bar>

То данный текст видно
https://prnt.sc/ub2kd3


Установленны следующие библиотеки

"dependencies": {
    "core-js": "^3.6.5",
    "vue": "^2.6.11",
    "vue-router": "^3.2.0",
    "vuetify": "^2.3.10",
    "vuex": "^3.4.0"
  },