feat: updated to support @quasar/extras v1.3.2 (updated fonts)

Author: hawkeye64

demo/quasar.conf.js

@@ -18,7 +18,7 @@ module.exports = function (ctx) {
       'material-icons-round',
       'material-icons-sharp',
       'ionicons-v4',
-      'mdi-v3',
+      'mdi-v4',
       'fontawesome-v5',
       'eva-icons',
       'themify'

demo/src/components/IconCard.vue

@@ -45,7 +45,7 @@ export default {
         { label: 'Material Icons Outlined', value: 'material-icons-outlined' },
         { label: 'Material Icons Round', value: 'material-icons-round' },
         { label: 'Material Icons Sharp', value: 'material-icons-sharp' },
-        { label: 'MDI Icons', value: 'mdi-v3' },
+        { label: 'MDI Icons (v4)', value: 'mdi-v4' },
         { label: 'Themify Icons', value: 'themify' }
       ],
       selectedIconSet: {}

demo/src/store/common/state.js

@@ -9,7 +9,7 @@ export default {
     { label: 'Material Icons Outlined', value: 'material-icons-outlined' },
     { label: 'Material Icons Round', value: 'material-icons-round' },
     { label: 'Material Icons Sharp', value: 'material-icons-sharp' },
-    { label: 'MDI Icons', value: 'mdi-v3' },
+    { label: 'MDI Icons (v4)', value: 'mdi-v4' },
     { label: 'Themify Icons', value: 'themify' }
   ]
 }

src/component/QIconPicker.json

@@ -19,7 +19,7 @@
         "material-icons-round",
         "material-icons-sharp",
         "ionicons-v4",
-        "mdi-v3",
+        "mdi-v4",
         "fontawesome-v5",
         "eva-icons",
         "themify"

src/component/utils/eva-icons.js

@@ -1,4 +1,4 @@
-const fonts = [
+export default [
   { name: 'eva-activity' },
   { name: 'eva-activity-outline' },
   { name: 'eva-alert-circle' },
@@ -50,31 +50,31 @@ const fonts = [
   { name: 'eva-at' },
   { name: 'eva-at-outline' },
   { name: 'eva-attach' },
-  { name: 'eva-attach-outline' },
   { name: 'eva-attach-2' },
   { name: 'eva-attach-2-outline' },
+  { name: 'eva-attach-outline' },
   { name: 'eva-award' },
   { name: 'eva-award-outline' },
   { name: 'eva-backspace' },
   { name: 'eva-backspace-outline' },
   { name: 'eva-bar-chart' },
-  { name: 'eva-bar-chart-outline' },
   { name: 'eva-bar-chart-2' },
   { name: 'eva-bar-chart-2-outline' },
+  { name: 'eva-bar-chart-outline' },
   { name: 'eva-battery' },
   { name: 'eva-battery-outline' },
   { name: 'eva-behance' },
   { name: 'eva-behance-outline' },
   { name: 'eva-bell' },
-  { name: 'eva-bell-outline' },
   { name: 'eva-bell-off' },
   { name: 'eva-bell-off-outline' },
+  { name: 'eva-bell-outline' },
   { name: 'eva-bluetooth' },
   { name: 'eva-bluetooth-outline' },
   { name: 'eva-book' },
-  { name: 'eva-book-outline' },
   { name: 'eva-book-open' },
   { name: 'eva-book-open-outline' },
+  { name: 'eva-book-outline' },
   { name: 'eva-bookmark' },
   { name: 'eva-bookmark-outline' },
   { name: 'eva-briefcase' },
@@ -97,14 +97,14 @@ const fonts = [
   { name: 'eva-charging-outline' },
   { name: 'eva-checkmark' },
   { name: 'eva-checkmark-circle' },
-  { name: 'eva-checkmark-circle-outline' },
   { name: 'eva-checkmark-circle-2' },
   { name: 'eva-checkmark-circle-2-outline' },
+  { name: 'eva-checkmark-circle-outline' },
   { name: 'eva-checkmark-outline' },
   { name: 'eva-checkmark-square' },
-  { name: 'eva-checkmark-square-outline' },
   { name: 'eva-checkmark-square-2' },
   { name: 'eva-checkmark-square-2-outline' },
+  { name: 'eva-checkmark-square-outline' },
   { name: 'eva-chevron-down' },
   { name: 'eva-chevron-down-outline' },
   { name: 'eva-chevron-left' },
@@ -118,19 +118,19 @@ const fonts = [
   { name: 'eva-clock' },
   { name: 'eva-clock-outline' },
   { name: 'eva-close' },
-  { name: 'eva-close-outline' },
   { name: 'eva-close-circle' },
   { name: 'eva-close-circle-outline' },
+  { name: 'eva-close-outline' },
   { name: 'eva-close-square' },
   { name: 'eva-close-square-outline' },
   { name: 'eva-cloud-download' },
   { name: 'eva-cloud-download-outline' },
   { name: 'eva-cloud-upload' },
   { name: 'eva-cloud-upload-outline' },
   { name: 'eva-code' },
-  { name: 'eva-code-outline' },
   { name: 'eva-code-download' },
   { name: 'eva-code-download-outline' },
+  { name: 'eva-code-outline' },
   { name: 'eva-collapse' },
   { name: 'eva-collapse-outline' },
   { name: 'eva-color-palette' },
@@ -176,31 +176,31 @@ const fonts = [
   { name: 'eva-download' },
   { name: 'eva-download-outline' },
   { name: 'eva-droplet' },
-  { name: 'eva-droplet-outline' },
   { name: 'eva-droplet-off' },
   { name: 'eva-droplet-off-outline' },
+  { name: 'eva-droplet-outline' },
   { name: 'eva-edit' },
-  { name: 'eva-edit-outline' },
   { name: 'eva-edit-2' },
   { name: 'eva-edit-2-outline' },
+  { name: 'eva-edit-outline' },
   { name: 'eva-email' },
   { name: 'eva-email-outline' },
   { name: 'eva-expand' },
   { name: 'eva-expand-outline' },
   { name: 'eva-external-link' },
   { name: 'eva-external-link-outline' },
   { name: 'eva-eye' },
-  { name: 'eva-eye-outline' },
   { name: 'eva-eye-off' },
-  { name: 'eva-eye-off-outline' },
   { name: 'eva-eye-off-2' },
   { name: 'eva-eye-off-2-outline' },
+  { name: 'eva-eye-off-outline' },
+  { name: 'eva-eye-outline' },
   { name: 'eva-facebook' },
   { name: 'eva-facebook-outline' },
   { name: 'eva-file' },
-  { name: 'eva-file-outline' },
   { name: 'eva-file-add' },
   { name: 'eva-file-add-outline' },
+  { name: 'eva-file-outline' },
   { name: 'eva-file-remove' },
   { name: 'eva-file-remove-outline' },
   { name: 'eva-file-text' },
@@ -210,17 +210,17 @@ const fonts = [
   { name: 'eva-flag' },
   { name: 'eva-flag-outline' },
   { name: 'eva-flash' },
-  { name: 'eva-flash-outline' },
   { name: 'eva-flash-off' },
   { name: 'eva-flash-off-outline' },
+  { name: 'eva-flash-outline' },
   { name: 'eva-flip' },
-  { name: 'eva-flip-outline' },
   { name: 'eva-flip-2' },
   { name: 'eva-flip-2-outline' },
+  { name: 'eva-flip-outline' },
   { name: 'eva-folder' },
-  { name: 'eva-folder-outline' },
   { name: 'eva-folder-add' },
   { name: 'eva-folder-add-outline' },
+  { name: 'eva-folder-outline' },
   { name: 'eva-folder-remove' },
   { name: 'eva-folder-remove-outline' },
   { name: 'eva-funnel' },
@@ -230,10 +230,10 @@ const fonts = [
   { name: 'eva-github' },
   { name: 'eva-github-outline' },
   { name: 'eva-globe' },
-  { name: 'eva-globe-outline' },
   { name: 'eva-globe-2' },
   { name: 'eva-globe-2-outline' },
   { name: 'eva-globe-3' },
+  { name: 'eva-globe-outline' },
   { name: 'eva-google' },
   { name: 'eva-google-outline' },
   { name: 'eva-grid' },
@@ -249,10 +249,8 @@ const fonts = [
   { name: 'eva-home' },
   { name: 'eva-home-outline' },
   { name: 'eva-image' },
-  { name: 'eva-image-outline' },
   { name: 'eva-image-2' },
-  // not displaying correctly
-  // { name: 'eva-image-2-outline' },
+  { name: 'eva-image-outline' },
   { name: 'eva-inbox' },
   { name: 'eva-inbox-outline' },
   { name: 'eva-info' },
@@ -264,9 +262,9 @@ const fonts = [
   { name: 'eva-layout' },
   { name: 'eva-layout-outline' },
   { name: 'eva-link' },
-  { name: 'eva-link-outline' },
   { name: 'eva-link-2' },
   { name: 'eva-link-2-outline' },
+  { name: 'eva-link-outline' },
   { name: 'eva-linkedin' },
   { name: 'eva-linkedin-outline' },
   { name: 'eva-list' },
@@ -283,25 +281,25 @@ const fonts = [
   { name: 'eva-maximize' },
   { name: 'eva-maximize-outline' },
   { name: 'eva-menu' },
-  { name: 'eva-menu-outline' },
   { name: 'eva-menu-2' },
   { name: 'eva-menu-2-outline' },
   { name: 'eva-menu-arrow' },
   { name: 'eva-menu-arrow-outline' },
+  { name: 'eva-menu-outline' },
   { name: 'eva-message-circle' },
   { name: 'eva-message-circle-outline' },
   { name: 'eva-message-square' },
   { name: 'eva-message-square-outline' },
   { name: 'eva-mic' },
-  { name: 'eva-mic-outline' },
   { name: 'eva-mic-off' },
   { name: 'eva-mic-off-outline' },
+  { name: 'eva-mic-outline' },
   { name: 'eva-minimize' },
   { name: 'eva-minimize-outline' },
   { name: 'eva-minus' },
-  { name: 'eva-minus-outline' },
   { name: 'eva-minus-circle' },
   { name: 'eva-minus-circle-outline' },
+  { name: 'eva-minus-outline' },
   { name: 'eva-minus-square' },
   { name: 'eva-minus-square-outline' },
   { name: 'eva-monitor' },
@@ -317,9 +315,9 @@ const fonts = [
   { name: 'eva-music' },
   { name: 'eva-music-outline' },
   { name: 'eva-navigation' },
-  { name: 'eva-navigation-outline' },
   { name: 'eva-navigation-2' },
   { name: 'eva-navigation-2-outline' },
+  { name: 'eva-navigation-outline' },
   { name: 'eva-npm' },
   { name: 'eva-npm-outline' },
   { name: 'eva-options' },
@@ -337,34 +335,34 @@ const fonts = [
   { name: 'eva-percent' },
   { name: 'eva-percent-outline' },
   { name: 'eva-person' },
-  { name: 'eva-person-outline' },
   { name: 'eva-person-add' },
   { name: 'eva-person-add-outline' },
   { name: 'eva-person-delete' },
   { name: 'eva-person-delete-outline' },
   { name: 'eva-person-done' },
   { name: 'eva-person-done-outline' },
+  { name: 'eva-person-outline' },
   { name: 'eva-person-remove' },
   { name: 'eva-person-remove-outline' },
   { name: 'eva-phone' },
-  { name: 'eva-phone-outline' },
   { name: 'eva-phone-call' },
   { name: 'eva-phone-call-outline' },
   { name: 'eva-phone-missed' },
   { name: 'eva-phone-missed-outline' },
   { name: 'eva-phone-off' },
   { name: 'eva-phone-off-outline' },
+  { name: 'eva-phone-outline' },
   { name: 'eva-pie-chart' },
-  { name: 'eva-pie-chart-outline' },
   { name: 'eva-pie-chart-2' },
+  { name: 'eva-pie-chart-outline' },
   { name: 'eva-pin' },
   { name: 'eva-pin-outline' },
   { name: 'eva-play-circle' },
   { name: 'eva-play-circle-outline' },
   { name: 'eva-plus' },
-  { name: 'eva-plus-outline' },
   { name: 'eva-plus-circle' },
   { name: 'eva-plus-circle-outline' },
+  { name: 'eva-plus-outline' },
   { name: 'eva-plus-square' },
   { name: 'eva-plus-square-outline' },
   { name: 'eva-power' },
@@ -374,15 +372,15 @@ const fonts = [
   { name: 'eva-printer' },
   { name: 'eva-printer-outline' },
   { name: 'eva-question-mark' },
-  { name: 'eva-question-mark-outline' },
   { name: 'eva-question-mark-circle' },
   { name: 'eva-question-mark-circle-outline' },
+  { name: 'eva-question-mark-outline' },
   { name: 'eva-radio' },
-  { name: 'eva-radio-outline' },
   { name: 'eva-radio-button-off' },
   { name: 'eva-radio-button-off-outline' },
   { name: 'eva-radio-button-on' },
   { name: 'eva-radio-button-on-outline' },
+  { name: 'eva-radio-outline' },
   { name: 'eva-recording' },
   { name: 'eva-recording-outline' },
   { name: 'eva-refresh' },
@@ -400,25 +398,25 @@ const fonts = [
   { name: 'eva-search' },
   { name: 'eva-search-outline' },
   { name: 'eva-settings' },
-  { name: 'eva-settings-outline' },
   { name: 'eva-settings-2' },
   { name: 'eva-settings-2-outline' },
+  { name: 'eva-settings-outline' },
   { name: 'eva-shake' },
   { name: 'eva-shake-outline' },
   { name: 'eva-share' },
   { name: 'eva-share-outline' },
   { name: 'eva-shield' },
-  { name: 'eva-shield-outline' },
   { name: 'eva-shield-off' },
   { name: 'eva-shield-off-outline' },
+  { name: 'eva-shield-outline' },
   { name: 'eva-shopping-bag' },
   { name: 'eva-shopping-bag-outline' },
   { name: 'eva-shopping-cart' },
   { name: 'eva-shopping-cart-outline' },
   { name: 'eva-shuffle' },
-  { name: 'eva-shuffle-outline' },
   { name: 'eva-shuffle-2' },
   { name: 'eva-shuffle-2-outline' },
+  { name: 'eva-shuffle-outline' },
   { name: 'eva-skip-back' },
   { name: 'eva-skip-back-outline' },
   { name: 'eva-skip-forward' },
@@ -444,19 +442,19 @@ const fonts = [
   { name: 'eva-text' },
   { name: 'eva-text-outline' },
   { name: 'eva-thermometer' },
-  { name: 'eva-thermometer-outline' },
   { name: 'eva-thermometer-minus' },
   { name: 'eva-thermometer-minus-outline' },
+  { name: 'eva-thermometer-outline' },
   { name: 'eva-thermometer-plus' },
   { name: 'eva-thermometer-plus-outline' },
   { name: 'eva-toggle-left' },
   { name: 'eva-toggle-left-outline' },
   { name: 'eva-toggle-right' },
   { name: 'eva-toggle-right-outline' },
   { name: 'eva-trash' },
-  { name: 'eva-trash-outline' },
   { name: 'eva-trash-2' },
   { name: 'eva-trash-2-outline' },
+  { name: 'eva-trash-outline' },
   { name: 'eva-trending-down' },
   { name: 'eva-trending-down-outline' },
   { name: 'eva-trending-up' },
@@ -474,9 +472,9 @@ const fonts = [
   { name: 'eva-upload' },
   { name: 'eva-upload-outline' },
   { name: 'eva-video' },
-  { name: 'eva-video-outline' },
   { name: 'eva-video-off' },
   { name: 'eva-video-off-outline' },
+  { name: 'eva-video-outline' },
   { name: 'eva-volume-down' },
   { name: 'eva-volume-down-outline' },
   { name: 'eva-volume-mute' },
@@ -486,8 +484,7 @@ const fonts = [
   { name: 'eva-volume-up' },
   { name: 'eva-volume-up-outline' },
   { name: 'eva-wifi' },
-  { name: 'eva-wifi-outline' },
   { name: 'eva-wifi-off' },
-  { name: 'eva-wifi-off-outline' }
+  { name: 'eva-wifi-off-outline' },
+  { name: 'eva-wifi-outline' }
 ]
-export default fonts