chore: update various items to support mdi-v5

Author: hawkeye64

demo/quasar.conf.js

@@ -17,7 +17,7 @@ module.exports = function (ctx) {
 
     extras: [
       'ionicons-v4',
-      'mdi-v4',
+      'mdi-v5',
       '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 (v4)', value: 'mdi-v4' },
+        { label: 'MDI Icons (v5)', value: 'mdi-v5' },
         { label: 'Themify Icons', value: 'themify' },
         { label: 'Line-awesome Icons', value: 'line-awesome' }
       ],

demo/src/markdown/iconpicker.md

@@ -82,7 +82,7 @@ import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons-outlined.umd.
 import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons-round.umd.js'
 import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons-sharp.umd.js'
 import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons.umd.js'
-import '@quasar/quasar-ui-qiconpicker/dist/icon-set/mdi-v4.umd.js'
+import '@quasar/quasar-ui-qiconpicker/dist/icon-set/mdi-v5.umd.js'
 import '@quasar/quasar-ui-qiconpicker/dist/icon-set/themify.umd.js'
 import '@quasar/quasar-ui-qiconpicker/dist/icon-set/lineawesome.umd.js'
 export default {
@@ -167,8 +167,13 @@ Choices are:
 6. material-icons-sharp.umd.js
 7. material-icons.umd.js
 8. mdi-v4.umd.js
-9. themify.umd.js
-10. line-awesome.umd.js
+9. mdi-v5.umd.js
+10. themify.umd.js
+11. line-awesome.umd.js
+
+``` warning
+You can only use one of `mdi-v4` or `mdi-v5`
+```
 
 # Codepen
 [UMD Example on Codepen](https://codepen.io/Hawkeye64/pen/vYYYewG)

demo/src/pages/Examples.vue

@@ -82,7 +82,7 @@ export default {
         `https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qiconpicker@${version}/dist/icon-set/material-icons-outlined.umd.js`,
         `https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qiconpicker@${version}/dist/icon-set/material-icons-round.umd.js`,
         `https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qiconpicker@${version}/dist/icon-set/material-icons-sharp.umd.js`,
-        `https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qiconpicker@${version}/dist/icon-set/mdi-v4.umd.js`,
+        `https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qiconpicker@${version}/dist/icon-set/mdi-v5.umd.js`,
         `https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qiconpicker@${version}/dist/icon-set/themify.umd.js`,
         `https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qiconpicker@${version}/dist/icon-set/line-awesome.umd.js`
 
@@ -92,7 +92,7 @@ export default {
         'https://fonts.googleapis.com/css?family=Roboto:300,400,500|Material+Icons|Material+Icons+Outlined|Material+Icons+Round|Material+Icons+Sharp',
         'https://cdn.jsdelivr.net/npm/@quasar/extras/fontawesome-v5/fontawesome-v5.css',
         'https://cdn.jsdelivr.net/npm/@quasar/extras/ionicons-v4/ionicons-v4.css',
-        'https://cdn.jsdelivr.net/npm/@quasar/extras/mdi-v4/mdi-v4.css',
+        'https://cdn.jsdelivr.net/npm/@quasar/extras/mdi-v5/mdi-v5.css',
         'https://cdn.jsdelivr.net/npm/@quasar/extras/themify/themify.css',
         'https://cdn.jsdelivr.net/npm/@quasar/extras/eva-icons/eva-icons.css',
         'https://cdn.jsdelivr.net/npm/@quasar/extras/line-awesome/line-awesome.css'

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 (v4)', value: 'mdi-v4' },
+    { label: 'MDI Icons (v5)', value: 'mdi-v5' },
     { label: 'Themify Icons', value: 'themify' },
     { label: 'Line-awesome Icons', value: 'line-awesome' }
   ]

ui/README.md

@@ -92,7 +92,7 @@ import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons-outlined.umd.
 import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons-round.umd.js'
 import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons-sharp.umd.js'
 import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons.umd.js'
-import '@quasar/quasar-ui-qiconpicker/dist/icon-set/mdi-v4.umd.js'
+import '@quasar/quasar-ui-qiconpicker/dist/icon-set/mdi-v5.umd.js'
 import '@quasar/quasar-ui-qiconpicker/dist/icon-set/themify.umd.js'
 export default {
   name: 'App'

ui/dev/quasar.conf.js

@@ -17,7 +17,7 @@ module.exports = function (ctx) {
 
     extras: [
       'ionicons-v4',
-      'mdi-v4',
+      'mdi-v5',
       'fontawesome-v5',
       'eva-icons',
       'themify',

ui/src/components/QIconPicker.json

@@ -25,6 +25,7 @@
         "material-icons-sharp",
         "ionicons-v4",
         "mdi-v4",
+        "mdi-v5",
         "fontawesome-v5",
         "eva-icons",
         "themify"

ui/src/components/utils/props.js

@@ -10,6 +10,7 @@ export default {
         'material-icons-sharp',
         'ionicons-v4',
         'mdi-v4',
+        'mdi-v5',
         'fontawesome-v5',
         'eva-icons',
         'themify',