vuetify: update mdi icon set

cateditor/src/components/CatalogList.vue

@@ -28,7 +28,7 @@
                 <v-col cols="5" class="px-8">
                   <v-text-field
                     v-model="search"
-                    append-icon="search"
+                    append-icon="mdi-magnify"
                     label="Search"
                     single-line
                     hide-details
@@ -74,7 +74,7 @@
                 <v-col cols="5" class="px-8">
                   <v-text-field
                     v-model="search"
-                    append-icon="search"
+                    append-icon="mdi-magnify"
                     label="Search"
                     single-line
                     hide-details
@@ -157,15 +157,23 @@
               <td class="grey--text">Materials</td>
               <td>{{ selectedCatalog.materials }}</td>
             </tr>
-            <tr v-if="selectedCatalog.public">
+            <tr>
               <td class="grey--text">Public</td>
               <td>
-                <span class="group"><v-icon color="blue">group</v-icon></span></td>
+                <span class="group">
+                  <v-icon v-if="selectedCatalog.public" color="black">mdi-checkbox-marked-outline</v-icon>
+                  <v-icon v-else color="black">mdi-checkbox-blank-outline</v-icon>
+                </span>
+              </td>
             </tr>
-            <tr v-if="selectedCatalog.show_prices">
+            <tr>
               <td class="grey--text">Show prices</td>
               <td>
-                <span class="group"><v-icon color="green">monetization_on</v-icon></span></td>
+                <span class="group">
+                  <v-icon v-if="selectedCatalog.show_prices" color="black">mdi-checkbox-marked-outline</v-icon>
+                  <v-icon v-else color="black">mdi-checkbox-blank-outline</v-icon>
+                </span>
+              </td>
             </tr>
             <tr v-if="selectedCatalog.build_progress < 100">
               <td class="grey--text">PDF Build</td>

cateditor/src/pages/editor/main.js

@@ -1,9 +1,10 @@
 import Vue from 'vue'
 import Vuetify from 'vuetify/lib'
+
 import Vue2Filters from 'vue2-filters'
 import App from './App.vue'
 import { store } from './store'
-import 'material-design-icons-iconfont/dist/material-design-icons.css' // Ensure you are using css-loader
+import '@mdi/font/css/materialdesignicons.css' // Ensure you are using css-loader
 
 Vue.config.productionTip = false
 Vue.use(Vue2Filters)
@@ -29,9 +30,9 @@ const opts = {
   options: {
     customProperties: true
   },
-  // icons: {
-  //   iconfont: 'md',
-  // },
+  icons: {
+    iconfont: 'mdi',
+  },
 }
 
 new Vue({

cateditor/src/pages/list/main.js

@@ -4,7 +4,7 @@ import Vuetify from 'vuetify/lib'
 import Vue2Filters from 'vue2-filters'
 import App from './App.vue'
 import { store } from './store'
-import 'material-design-icons-iconfont/dist/material-design-icons.css' // Ensure you are using css-loader
+import '@mdi/font/css/materialdesignicons.css' // Ensure you are using css-loader
 
 Vue.config.productionTip = false
 Vue.use(Vue2Filters)
@@ -30,9 +30,9 @@ const opts = {
   options: {
     customProperties: true
   },
-  // icons: {
-  //   iconfont: 'md',
-  // },
+  icons: {
+    iconfont: 'mdi',
+  },
 }
 
 new Vue({