From c901f2b9172959728d2833b1692669412e26fc6c Mon Sep 17 00:00:00 2001
From: Almog Tavor <almogtavor@gmail.com>
Date: Sat, 3 Jul 2021 16:06:51 +0300
Subject: [PATCH] Upgrade vuetify deprecated classes

e.g. 'subtitle-1' has been replaced with 'text-subtitle-1'
---
 .gitignore                                      |  1 +
 src/components/base/MaterialCard.vue            |  4 ++--
 src/components/base/MaterialStatsCard.vue       |  4 ++--
 src/components/base/MaterialTestimony.vue       |  6 +++---
 src/components/base/Subheading.vue              |  4 ++--
 src/components/base/VComponent.vue              |  4 ++--
 src/views/dashboard/Dashboard.vue               | 10 +++++-----
 src/views/dashboard/Upgrade.vue                 | 14 +++++++-------
 src/views/dashboard/component/Icons.vue         |  4 ++--
 src/views/dashboard/component/Notifications.vue |  2 +-
 src/views/dashboard/component/Typography.vue    |  4 ++--
 src/views/dashboard/components/core/Drawer.vue  |  2 +-
 src/views/dashboard/components/core/Footer.vue  |  2 +-
 src/views/dashboard/pages/UserProfile.vue       |  8 ++++----
 14 files changed, 35 insertions(+), 34 deletions(-)

diff --git a/.gitignore b/.gitignore
index 1a715f8f..6cf21d69 100644
--- a/.gitignore
+++ b/.gitignore
@@ -23,3 +23,4 @@ yarn-error.log*
 *.njsproj
 *.sln
 *.sw?
+.history
diff --git a/src/components/base/MaterialCard.vue b/src/components/base/MaterialCard.vue
index 330773bd..1d558c16 100644
--- a/src/components/base/MaterialCard.vue
+++ b/src/components/base/MaterialCard.vue
@@ -38,7 +38,7 @@
 
         <div
           v-else-if="title && !icon"
-          class="display-1 font-weight-light"
+          class="text-h4 font-weight-light"
           v-text="title"
         />
 
@@ -50,7 +50,7 @@
 
         <div
           v-if="text"
-          class="headline font-weight-thin"
+          class="text-h5 font-weight-thin"
           v-text="text"
         />
       </v-sheet>
diff --git a/src/components/base/MaterialStatsCard.vue b/src/components/base/MaterialStatsCard.vue
index 633d7b10..1d576e44 100644
--- a/src/components/base/MaterialStatsCard.vue
+++ b/src/components/base/MaterialStatsCard.vue
@@ -12,7 +12,7 @@
           v-text="title"
         />
 
-        <h3 class="display-2 font-weight-light text--primary">
+        <h3 class="text-h3 font-weight-light text--primary">
           {{ value }} <small>{{ smallValue }}</small>
         </h3>
       </div>
@@ -35,7 +35,7 @@
 
     <span
       :class="subTextColor"
-      class="caption grey--text font-weight-light"
+      class="text-caption grey--text font-weight-light"
       v-text="subText"
     />
   </base-material-card>
diff --git a/src/components/base/MaterialTestimony.vue b/src/components/base/MaterialTestimony.vue
index 880a9198..1f8be383 100644
--- a/src/components/base/MaterialTestimony.vue
+++ b/src/components/base/MaterialTestimony.vue
@@ -10,17 +10,17 @@
     </div>
 
     <v-card-text
-      class="display-1 font-weight-light font-italic mb-3"
+      class="text-h4 font-weight-light font-italic mb-3"
       v-text="blurb"
     />
 
     <div
-      class="display-2 font-weight-light mb-2"
+      class="text-h3 font-weight-light mb-2"
       v-text="author"
     />
 
     <div
-      class="body-2 text-uppercase grey--text"
+      class="text-body-2 text-uppercase grey--text"
       v-text="handle"
     />
 
diff --git a/src/components/base/Subheading.vue b/src/components/base/Subheading.vue
index f0cc6637..666080bc 100644
--- a/src/components/base/Subheading.vue
+++ b/src/components/base/Subheading.vue
@@ -1,10 +1,10 @@
 <template>
-  <div class="display-2 font-weight-light col col-12 text-left text--primary pa-0 mb-8">
+  <div class="text-h3 font-weight-light col col-12 text-left text--primary pa-0 mb-8">
     <h5 class="font-weight-light">
       {{ subheading }}
       <template v-if="text">
         <span
-          class="subtitle-1"
+          class="text-subtitle-1"
           v-text="text"
         />
       </template>
diff --git a/src/components/base/VComponent.vue b/src/components/base/VComponent.vue
index 935a9f30..718bc247 100644
--- a/src/components/base/VComponent.vue
+++ b/src/components/base/VComponent.vue
@@ -1,12 +1,12 @@
 <template>
   <section class="mb-12 text-center">
     <h1
-      class="font-weight-light mb-2 headline"
+      class="font-weight-light mb-2 text-h5"
       v-text="`Vuetify ${heading}`"
     />
 
     <span
-      class="font-weight-light subtitle-1"
+      class="font-weight-light text-subtitle-1"
     >
       Please checkout the
       <a
diff --git a/src/views/dashboard/Dashboard.vue b/src/views/dashboard/Dashboard.vue
index 582d0dc3..ea080ac2 100644
--- a/src/views/dashboard/Dashboard.vue
+++ b/src/views/dashboard/Dashboard.vue
@@ -68,7 +68,7 @@
             >
               mdi-clock-outline
             </v-icon>
-            <span class="caption grey--text font-weight-light">updated 10 minutes ago</span>
+            <span class="text-caption grey--text font-weight-light">updated 10 minutes ago</span>
           </template>
         </base-material-chart-card>
       </v-col>
@@ -142,7 +142,7 @@
             >
               mdi-clock-outline
             </v-icon>
-            <span class="caption grey--text font-weight-light">updated 4 minutes ago</span>
+            <span class="text-caption grey--text font-weight-light">updated 4 minutes ago</span>
           </template>
         </base-material-chart-card>
       </v-col>
@@ -209,7 +209,7 @@
             >
               mdi-clock-outline
             </v-icon>
-            <span class="caption grey--text font-weight-light">campaign sent 26 minutes ago</span>
+            <span class="text-caption grey--text font-weight-light">campaign sent 26 minutes ago</span>
           </template>
         </base-material-chart-card>
       </v-col>
@@ -284,11 +284,11 @@
           class="px-5 py-3"
         >
           <template v-slot:heading>
-            <div class="display-2 font-weight-light">
+            <div class="text-h3 font-weight-light">
               Employees Stats
             </div>
 
-            <div class="subtitle-1 font-weight-light">
+            <div class="text-subtitle-1 font-weight-light">
               New employees on 15th September, 2016
             </div>
           </template>
diff --git a/src/views/dashboard/Upgrade.vue b/src/views/dashboard/Upgrade.vue
index e21dbcf0..18ad0d96 100644
--- a/src/views/dashboard/Upgrade.vue
+++ b/src/views/dashboard/Upgrade.vue
@@ -11,11 +11,11 @@
       >
         <base-material-card color="primary">
           <template v-slot:heading>
-            <div class="display-2 font-weight-light">
+            <div class="text-h3 font-weight-light">
               Vuetify Material Dashboard
             </div>
 
-            <div class="subtitle-1 font-weight-light">
+            <div class="text-subtitle-1 font-weight-light">
               Are you looking for more components? Please check our Premium Version of Vuetify Material Dashboard
             </div>
           </template>
@@ -34,28 +34,28 @@
             </thead>
             <tbody class="text-center">
               <tr>
-                <th class="text-left font-weight-light subtitle-1">
+                <th class="text-left font-weight-light text-subtitle-1">
                   Components
                 </th>
                 <td>60</td>
                 <td>200</td>
               </tr>
               <tr>
-                <th class="text-left font-weight-light subtitle-1">
+                <th class="text-left font-weight-light text-subtitle-1">
                   Plugins
                 </th>
                 <td>2</td>
                 <td>4</td>
               </tr>
               <tr>
-                <th class="text-left font-weight-light subtitle-1">
+                <th class="text-left font-weight-light text-subtitle-1">
                   Example Pages
                 </th>
                 <td>3</td>
                 <td>8</td>
               </tr>
               <tr>
-                <th class="text-left font-weight-light subtitle-1">
+                <th class="text-left font-weight-light text-subtitle-1">
                   Login, Register, Pricing, Lock Pages
                 </th>
                 <td>
@@ -70,7 +70,7 @@
                 </td>
               </tr>
               <tr>
-                <th class="text-left font-weight-light subtitle-1">
+                <th class="text-left font-weight-light text-subtitle-1">
                   Premium Support
                 </th>
                 <td>
diff --git a/src/views/dashboard/component/Icons.vue b/src/views/dashboard/component/Icons.vue
index b61361b9..b4d56947 100644
--- a/src/views/dashboard/component/Icons.vue
+++ b/src/views/dashboard/component/Icons.vue
@@ -13,11 +13,11 @@
       <v-col cols="12">
         <base-material-card color="green">
           <template v-slot:heading>
-            <div class="display-2 font-weight-light">
+            <div class="text-h3 font-weight-light">
               Material Design Icons
             </div>
 
-            <div class="subtitle-1 font-weight-light">
+            <div class="text-subtitle-1 font-weight-light">
               See all available
               <a
                 class="white--text"
diff --git a/src/views/dashboard/component/Notifications.vue b/src/views/dashboard/component/Notifications.vue
index f7b45043..69f1e6e2 100644
--- a/src/views/dashboard/component/Notifications.vue
+++ b/src/views/dashboard/component/Notifications.vue
@@ -247,7 +247,7 @@
           </v-icon>
         </v-card-title>
 
-        <v-card-text class="body-1 text-center">
+        <v-card-text class="text-body-1 text-center">
           <v-row>
             <v-col
               cols="12"
diff --git a/src/views/dashboard/component/Typography.vue b/src/views/dashboard/component/Typography.vue
index 4f9bade3..70e50258 100644
--- a/src/views/dashboard/component/Typography.vue
+++ b/src/views/dashboard/component/Typography.vue
@@ -18,11 +18,11 @@
           color="green"
         >
           <template v-slot:heading>
-            <div class="display-2 font-weight-light">
+            <div class="text-h3 font-weight-light">
               Material Dashboard Heading
             </div>
 
-            <div class="subtitle-1 font-weight-light">
+            <div class="text-subtitle-1 font-weight-light">
               Created using Roboto Font Family
             </div>
           </template>
diff --git a/src/views/dashboard/components/core/Drawer.vue b/src/views/dashboard/components/core/Drawer.vue
index 38646b15..716ee468 100644
--- a/src/views/dashboard/components/core/Drawer.vue
+++ b/src/views/dashboard/components/core/Drawer.vue
@@ -38,7 +38,7 @@
 
         <v-list-item-content>
           <v-list-item-title
-            class="display-1"
+            class="text-h4"
             v-text="profile.title"
           />
         </v-list-item-content>
diff --git a/src/views/dashboard/components/core/Footer.vue b/src/views/dashboard/components/core/Footer.vue
index d1121ca2..44fb7b85 100644
--- a/src/views/dashboard/components/core/Footer.vue
+++ b/src/views/dashboard/components/core/Footer.vue
@@ -28,7 +28,7 @@
           cols="12"
           md="auto"
         >
-          <div class="body-1 font-weight-light pt-6 pt-md-0 text-center">
+          <div class="text-body-1 font-weight-light pt-6 pt-md-0 text-center">
             &copy; 2019, made with
             <v-icon size="18">
               mdi-heart
diff --git a/src/views/dashboard/pages/UserProfile.vue b/src/views/dashboard/pages/UserProfile.vue
index f29ce0c3..008cc189 100644
--- a/src/views/dashboard/pages/UserProfile.vue
+++ b/src/views/dashboard/pages/UserProfile.vue
@@ -11,11 +11,11 @@
       >
         <base-material-card>
           <template v-slot:heading>
-            <div class="display-2 font-weight-light">
+            <div class="text-h3 font-weight-light">
               Edit Profile
             </div>
 
-            <div class="subtitle-1 font-weight-light">
+            <div class="text-subtitle-1 font-weight-light">
               Complete your profile
             </div>
           </template>
@@ -145,11 +145,11 @@
           avatar="https://demos.creative-tim.com/vue-material-dashboard/img/marc.aba54d65.jpg"
         >
           <v-card-text class="text-center">
-            <h6 class="display-1 mb-1 grey--text">
+            <h6 class="text-h4 mb-1 grey--text">
               CEO / CO-FOUNDER
             </h6>
 
-            <h4 class="display-2 font-weight-light mb-3 black--text">
+            <h4 class="text-h3 font-weight-light mb-3 black--text">
               Alec Thompson
             </h4>