vuetify 2.1.0-beta.1 → 2.1.0

package/src/components/VDataTable/__tests__/__snapshots__/VDataTable.spec.ts.snap

@@ -37,7 +37,7 @@ exports[`VDataTable.ts should limit page to current page count if not using serv
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -53,7 +53,7 @@ exports[`VDataTable.ts should limit page to current page count if not using serv
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -69,7 +69,7 @@ exports[`VDataTable.ts should limit page to current page count if not using serv
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -85,7 +85,7 @@ exports[`VDataTable.ts should limit page to current page count if not using serv
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -101,7 +101,7 @@ exports[`VDataTable.ts should limit page to current page count if not using serv
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -238,7 +238,7 @@ exports[`VDataTable.ts should limit page to current page count if not using serv
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -265,7 +265,7 @@ exports[`VDataTable.ts should limit page to current page count if not using serv
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -280,7 +280,7 @@ exports[`VDataTable.ts should limit page to current page count if not using serv
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -326,7 +326,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -342,7 +342,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -358,7 +358,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -374,7 +374,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -390,7 +390,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -432,7 +432,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -459,7 +459,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -474,7 +474,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -520,7 +520,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -536,7 +536,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -552,7 +552,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -568,7 +568,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -584,7 +584,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -721,7 +721,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -748,7 +748,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -762,7 +762,7 @@ exports[`VDataTable.ts should not limit page to current item count when using se
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -798,7 +798,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 1`]
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -814,7 +814,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 1`]
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -830,7 +830,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 1`]
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -846,7 +846,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 1`]
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -862,7 +862,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 1`]
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -878,7 +878,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 1`]
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -1115,7 +1115,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 1`]
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -1143,7 +1143,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 1`]
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -1158,7 +1158,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 1`]
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -1194,7 +1194,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 2`]
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -1210,7 +1210,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 2`]
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -1226,7 +1226,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 2`]
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -1242,7 +1242,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 2`]
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -1258,7 +1258,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 2`]
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -1274,7 +1274,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 2`]
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -1318,7 +1318,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 2`]
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -1346,7 +1346,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 2`]
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -1361,7 +1361,7 @@ exports[`VDataTable.ts should not search column with filterable set to false 2`]
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -1397,7 +1397,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -1413,7 +1413,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -1429,7 +1429,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -1445,7 +1445,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -1461,7 +1461,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -1477,7 +1477,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -1574,7 +1574,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -1602,7 +1602,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -1617,7 +1617,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -1653,7 +1653,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -1669,7 +1669,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -1685,7 +1685,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -1701,7 +1701,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -1717,7 +1717,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -1733,7 +1733,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -1970,7 +1970,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -1998,7 +1998,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -2013,7 +2013,7 @@ exports[`VDataTable.ts should not search column with filterable set to false and
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -2069,7 +2069,7 @@ exports[`VDataTable.ts should pass kebab-case footer props correctly 1`] = `
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -2097,7 +2097,7 @@ exports[`VDataTable.ts should pass kebab-case footer props correctly 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -2112,7 +2112,7 @@ exports[`VDataTable.ts should pass kebab-case footer props correctly 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -2168,7 +2168,7 @@ exports[`VDataTable.ts should render 1`] = `
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -2196,7 +2196,7 @@ exports[`VDataTable.ts should render 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -2211,7 +2211,7 @@ exports[`VDataTable.ts should render 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -2264,7 +2264,7 @@ exports[`VDataTable.ts should render footer.page-text slot content 1`] = `
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -2294,7 +2294,7 @@ exports[`VDataTable.ts should render footer.page-text slot content 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -2309,7 +2309,7 @@ exports[`VDataTable.ts should render footer.page-text slot content 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -2392,7 +2392,7 @@ exports[`VDataTable.ts should render loading state 1`] = `
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -2420,7 +2420,7 @@ exports[`VDataTable.ts should render loading state 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -2435,7 +2435,7 @@ exports[`VDataTable.ts should render loading state 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -2481,7 +2481,7 @@ exports[`VDataTable.ts should render loading state 2`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -2497,7 +2497,7 @@ exports[`VDataTable.ts should render loading state 2`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -2513,7 +2513,7 @@ exports[`VDataTable.ts should render loading state 2`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -2529,7 +2529,7 @@ exports[`VDataTable.ts should render loading state 2`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -2545,7 +2545,7 @@ exports[`VDataTable.ts should render loading state 2`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -2598,7 +2598,7 @@ exports[`VDataTable.ts should render loading state 2`] = `
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -2626,7 +2626,7 @@ exports[`VDataTable.ts should render loading state 2`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -2641,7 +2641,7 @@ exports[`VDataTable.ts should render loading state 2`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -2687,7 +2687,7 @@ exports[`VDataTable.ts should render with body slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -2703,7 +2703,7 @@ exports[`VDataTable.ts should render with body slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -2719,7 +2719,7 @@ exports[`VDataTable.ts should render with body slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -2735,7 +2735,7 @@ exports[`VDataTable.ts should render with body slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -2751,7 +2751,7 @@ exports[`VDataTable.ts should render with body slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -2789,7 +2789,7 @@ exports[`VDataTable.ts should render with body slot 1`] = `
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -2817,7 +2817,7 @@ exports[`VDataTable.ts should render with body slot 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -2831,7 +2831,7 @@ exports[`VDataTable.ts should render with body slot 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -2877,7 +2877,7 @@ exports[`VDataTable.ts should render with data 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -2893,7 +2893,7 @@ exports[`VDataTable.ts should render with data 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -2909,7 +2909,7 @@ exports[`VDataTable.ts should render with data 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -2925,7 +2925,7 @@ exports[`VDataTable.ts should render with data 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -2941,7 +2941,7 @@ exports[`VDataTable.ts should render with data 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -3078,7 +3078,7 @@ exports[`VDataTable.ts should render with data 1`] = `
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -3106,7 +3106,7 @@ exports[`VDataTable.ts should render with data 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -3120,7 +3120,7 @@ exports[`VDataTable.ts should render with data 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -3165,7 +3165,7 @@ exports[`VDataTable.ts should render with group scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -3181,7 +3181,7 @@ exports[`VDataTable.ts should render with group scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -3197,7 +3197,7 @@ exports[`VDataTable.ts should render with group scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -3213,7 +3213,7 @@ exports[`VDataTable.ts should render with group scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -3262,7 +3262,7 @@ exports[`VDataTable.ts should render with group scoped slot 1`] = `
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -3290,7 +3290,7 @@ exports[`VDataTable.ts should render with group scoped slot 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -3304,7 +3304,7 @@ exports[`VDataTable.ts should render with group scoped slot 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -3349,7 +3349,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -3365,7 +3365,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -3381,7 +3381,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -3397,7 +3397,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -3414,7 +3414,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.minus
+                  $minus
                 </i>
               </span>
             </button>
@@ -3426,7 +3426,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.close
+                  $close
                 </i>
               </span>
             </button>
@@ -3465,7 +3465,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.minus
+                  $minus
                 </i>
               </span>
             </button>
@@ -3477,7 +3477,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.close
+                  $close
                 </i>
               </span>
             </button>
@@ -3516,7 +3516,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.minus
+                  $minus
                 </i>
               </span>
             </button>
@@ -3528,7 +3528,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.close
+                  $close
                 </i>
               </span>
             </button>
@@ -3567,7 +3567,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.minus
+                  $minus
                 </i>
               </span>
             </button>
@@ -3579,7 +3579,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.close
+                  $close
                 </i>
               </span>
             </button>
@@ -3618,7 +3618,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.minus
+                  $minus
                 </i>
               </span>
             </button>
@@ -3630,7 +3630,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.close
+                  $close
                 </i>
               </span>
             </button>
@@ -3689,7 +3689,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -3717,7 +3717,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -3731,7 +3731,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -3776,7 +3776,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -3792,7 +3792,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -3808,7 +3808,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -3824,7 +3824,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -3841,7 +3841,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.minus
+                  $minus
                 </i>
               </span>
             </button>
@@ -3853,7 +3853,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.close
+                  $close
                 </i>
               </span>
             </button>
@@ -3904,7 +3904,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.minus
+                  $minus
                 </i>
               </span>
             </button>
@@ -3916,7 +3916,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.close
+                  $close
                 </i>
               </span>
             </button>
@@ -3950,7 +3950,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.minus
+                  $minus
                 </i>
               </span>
             </button>
@@ -3962,7 +3962,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.close
+                  $close
                 </i>
               </span>
             </button>
@@ -3996,7 +3996,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.minus
+                  $minus
                 </i>
               </span>
             </button>
@@ -4008,7 +4008,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
                 <i aria-hidden="true"
                    class="v-icon notranslate material-icons theme--light"
                 >
-                  $vuetify.icons.close
+                  $close
                 </i>
               </span>
             </button>
@@ -4062,7 +4062,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -4090,7 +4090,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -4104,7 +4104,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -4150,7 +4150,7 @@ exports[`VDataTable.ts should render with item scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -4166,7 +4166,7 @@ exports[`VDataTable.ts should render with item scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -4182,7 +4182,7 @@ exports[`VDataTable.ts should render with item scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -4198,7 +4198,7 @@ exports[`VDataTable.ts should render with item scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -4214,7 +4214,7 @@ exports[`VDataTable.ts should render with item scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -4266,7 +4266,7 @@ exports[`VDataTable.ts should render with item scoped slot 1`] = `
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -4294,7 +4294,7 @@ exports[`VDataTable.ts should render with item scoped slot 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -4308,7 +4308,7 @@ exports[`VDataTable.ts should render with item scoped slot 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -4354,7 +4354,7 @@ exports[`VDataTable.ts should render with item.expanded scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -4370,7 +4370,7 @@ exports[`VDataTable.ts should render with item.expanded scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -4386,7 +4386,7 @@ exports[`VDataTable.ts should render with item.expanded scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -4402,7 +4402,7 @@ exports[`VDataTable.ts should render with item.expanded scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -4418,7 +4418,7 @@ exports[`VDataTable.ts should render with item.expanded scoped slot 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -4580,7 +4580,7 @@ exports[`VDataTable.ts should render with item.expanded scoped slot 1`] = `
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -4608,7 +4608,7 @@ exports[`VDataTable.ts should render with item.expanded scoped slot 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -4622,7 +4622,7 @@ exports[`VDataTable.ts should render with item.expanded scoped slot 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -4679,7 +4679,7 @@ exports[`VDataTable.ts should render with showExpand 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -4695,7 +4695,7 @@ exports[`VDataTable.ts should render with showExpand 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -4711,7 +4711,7 @@ exports[`VDataTable.ts should render with showExpand 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -4727,7 +4727,7 @@ exports[`VDataTable.ts should render with showExpand 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -4743,7 +4743,7 @@ exports[`VDataTable.ts should render with showExpand 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -4754,7 +4754,7 @@ exports[`VDataTable.ts should render with showExpand 1`] = `
             <i role="button"
                class="v-icon notranslate v-data-table__expand-icon v-icon--link material-icons theme--light"
             >
-              $vuetify.icons.expand
+              $expand
             </i>
           </td>
           <td class="text-left">
@@ -4781,7 +4781,7 @@ exports[`VDataTable.ts should render with showExpand 1`] = `
             <i role="button"
                class="v-icon notranslate v-data-table__expand-icon v-icon--link material-icons theme--light"
             >
-              $vuetify.icons.expand
+              $expand
             </i>
           </td>
           <td class="text-left">
@@ -4808,7 +4808,7 @@ exports[`VDataTable.ts should render with showExpand 1`] = `
             <i role="button"
                class="v-icon notranslate v-data-table__expand-icon v-icon--link material-icons theme--light"
             >
-              $vuetify.icons.expand
+              $expand
             </i>
           </td>
           <td class="text-left">
@@ -4835,7 +4835,7 @@ exports[`VDataTable.ts should render with showExpand 1`] = `
             <i role="button"
                class="v-icon notranslate v-data-table__expand-icon v-icon--link material-icons theme--light"
             >
-              $vuetify.icons.expand
+              $expand
             </i>
           </td>
           <td class="text-left">
@@ -4862,7 +4862,7 @@ exports[`VDataTable.ts should render with showExpand 1`] = `
             <i role="button"
                class="v-icon notranslate v-data-table__expand-icon v-icon--link material-icons theme--light"
             >
-              $vuetify.icons.expand
+              $expand
             </i>
           </td>
           <td class="text-left">
@@ -4915,7 +4915,7 @@ exports[`VDataTable.ts should render with showExpand 1`] = `
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -4943,7 +4943,7 @@ exports[`VDataTable.ts should render with showExpand 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -4957,7 +4957,7 @@ exports[`VDataTable.ts should render with showExpand 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -5014,7 +5014,7 @@ exports[`VDataTable.ts should render with showExpand 2`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -5030,7 +5030,7 @@ exports[`VDataTable.ts should render with showExpand 2`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -5046,7 +5046,7 @@ exports[`VDataTable.ts should render with showExpand 2`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -5062,7 +5062,7 @@ exports[`VDataTable.ts should render with showExpand 2`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -5078,7 +5078,7 @@ exports[`VDataTable.ts should render with showExpand 2`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -5089,7 +5089,7 @@ exports[`VDataTable.ts should render with showExpand 2`] = `
             <i role="button"
                class="v-icon notranslate v-data-table__expand-icon v-icon--link material-icons theme--light v-data-table__expand-icon--active"
             >
-              $vuetify.icons.expand
+              $expand
             </i>
           </td>
           <td class="text-left">
@@ -5116,7 +5116,7 @@ exports[`VDataTable.ts should render with showExpand 2`] = `
             <i role="button"
                class="v-icon notranslate v-data-table__expand-icon v-icon--link material-icons theme--light"
             >
-              $vuetify.icons.expand
+              $expand
             </i>
           </td>
           <td class="text-left">
@@ -5143,7 +5143,7 @@ exports[`VDataTable.ts should render with showExpand 2`] = `
             <i role="button"
                class="v-icon notranslate v-data-table__expand-icon v-icon--link material-icons theme--light"
             >
-              $vuetify.icons.expand
+              $expand
             </i>
           </td>
           <td class="text-left">
@@ -5170,7 +5170,7 @@ exports[`VDataTable.ts should render with showExpand 2`] = `
             <i role="button"
                class="v-icon notranslate v-data-table__expand-icon v-icon--link material-icons theme--light"
             >
-              $vuetify.icons.expand
+              $expand
             </i>
           </td>
           <td class="text-left">
@@ -5197,7 +5197,7 @@ exports[`VDataTable.ts should render with showExpand 2`] = `
             <i role="button"
                class="v-icon notranslate v-data-table__expand-icon v-icon--link material-icons theme--light"
             >
-              $vuetify.icons.expand
+              $expand
             </i>
           </td>
           <td class="text-left">
@@ -5250,7 +5250,7 @@ exports[`VDataTable.ts should render with showExpand 2`] = `
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -5278,7 +5278,7 @@ exports[`VDataTable.ts should render with showExpand 2`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -5292,7 +5292,7 @@ exports[`VDataTable.ts should render with showExpand 2`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>
@@ -5329,7 +5329,7 @@ exports[`VDataTable.ts should render with showSelect 1`] = `
               <i aria-hidden="true"
                  class="v-icon notranslate material-icons theme--light"
               >
-                $vuetify.icons.checkboxOff
+                $checkboxOff
               </i>
             </div>
           </th>
@@ -5356,7 +5356,7 @@ exports[`VDataTable.ts should render with showSelect 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -5372,7 +5372,7 @@ exports[`VDataTable.ts should render with showSelect 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -5388,7 +5388,7 @@ exports[`VDataTable.ts should render with showSelect 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -5404,7 +5404,7 @@ exports[`VDataTable.ts should render with showSelect 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
           <th role="columnheader"
@@ -5420,7 +5420,7 @@ exports[`VDataTable.ts should render with showSelect 1`] = `
                class="v-icon notranslate v-data-table-header__icon material-icons theme--light"
                style="font-size: 18px;"
             >
-              $vuetify.icons.sort
+              $sort
             </i>
           </th>
         </tr>
@@ -5434,7 +5434,7 @@ exports[`VDataTable.ts should render with showSelect 1`] = `
               <i aria-hidden="true"
                  class="v-icon notranslate material-icons theme--light"
               >
-                $vuetify.icons.checkboxOff
+                $checkboxOff
               </i>
             </div>
           </td>
@@ -5465,7 +5465,7 @@ exports[`VDataTable.ts should render with showSelect 1`] = `
               <i aria-hidden="true"
                  class="v-icon notranslate material-icons theme--light"
               >
-                $vuetify.icons.checkboxOff
+                $checkboxOff
               </i>
             </div>
           </td>
@@ -5496,7 +5496,7 @@ exports[`VDataTable.ts should render with showSelect 1`] = `
               <i aria-hidden="true"
                  class="v-icon notranslate material-icons theme--light"
               >
-                $vuetify.icons.checkboxOff
+                $checkboxOff
               </i>
             </div>
           </td>
@@ -5527,7 +5527,7 @@ exports[`VDataTable.ts should render with showSelect 1`] = `
               <i aria-hidden="true"
                  class="v-icon notranslate material-icons theme--light"
               >
-                $vuetify.icons.checkboxOff
+                $checkboxOff
               </i>
             </div>
           </td>
@@ -5558,7 +5558,7 @@ exports[`VDataTable.ts should render with showSelect 1`] = `
               <i aria-hidden="true"
                  class="v-icon notranslate material-icons theme--light"
               >
-                $vuetify.icons.checkboxOff
+                $checkboxOff
               </i>
             </div>
           </td>
@@ -5612,7 +5612,7 @@ exports[`VDataTable.ts should render with showSelect 1`] = `
                   <i aria-hidden="true"
                      class="v-icon notranslate material-icons theme--light"
                   >
-                    $vuetify.icons.dropdown
+                    $dropdown
                   </i>
                 </div>
               </div>
@@ -5640,7 +5640,7 @@ exports[`VDataTable.ts should render with showSelect 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.prev
+            $prev
           </i>
         </span>
       </button>
@@ -5654,7 +5654,7 @@ exports[`VDataTable.ts should render with showSelect 1`] = `
           <i aria-hidden="true"
              class="v-icon notranslate material-icons theme--light"
           >
-            $vuetify.icons.next
+            $next
           </i>
         </span>
       </button>