feat(docs): replace mdi-v6 with mdi-v7 quasarframework#17866

sainf · Mar 3, 2025 · 39f8a63 · 39f8a63
1 parent dd4300b
commit 39f8a63
Show file tree

Hide file tree

Showing 28 changed files with 33 additions and 33 deletions.
diff --git a/docs/src/assets/docs-homepage.js b/docs/src/assets/docs-homepage.js
@@ -8,7 +8,7 @@ import {
   mdiImageSizeSelectSmall,
   mdiTable,
   mdiHumanMaleBoard
-} from '@quasar/extras/mdi-v6'
+} from '@quasar/extras/mdi-v7'
 
 export const mostUsedPages = [
   {

diff --git a/docs/src/assets/links.header.js b/docs/src/assets/links.header.js
@@ -5,7 +5,7 @@ import { fasCubes, fasBolt } from '@quasar/extras/fontawesome-v5'
 import {
   mdiBug, mdiClipboardText, mdiCodepen, mdiFlare, mdiFlask, mdiGithub, mdiJsfiddle, mdiPaletteSwatch, mdiPuzzle, mdiShoppingMusic,
   mdiStarCircle, mdiThemeLightDark, mdiViewDashboard, mdiSecurity, mdiMathIntegralBox
-} from '@quasar/extras/mdi-v6'
+} from '@quasar/extras/mdi-v7'
 
 import { socialLinks } from './links.social.js'
 

diff --git a/docs/src/assets/links.integrations.js b/docs/src/assets/links.integrations.js
@@ -10,7 +10,7 @@ import {
   mdiServer, mdiStarCircle, mdiSvg,
   mdiTelevisionPlay,
   mdiTestTube
-} from '@quasar/extras/mdi-v6'
+} from '@quasar/extras/mdi-v7'
 
 export const platformIcons = [
   'img:https://cdn.quasar.dev/img/custom-svg-icons/chrome.svg',

diff --git a/docs/src/assets/links.social.js b/docs/src/assets/links.social.js
@@ -1,12 +1,12 @@
-import { fabFacebook, fabGithub, fabXTwitter } from '@quasar/extras/fontawesome-v6'
-import { mdiDiscord, mdiForum } from '@quasar/extras/mdi-v6'
+import { fabFacebook, fabGithub, fabXTwitter, fabDiscord } from '@quasar/extras/fontawesome-v6'
+import { mdiForum } from '@quasar/extras/mdi-v7'
 
 export const socialLinks = {
   name: 'Social',
   mq: 1310,
   children: [
     { name: 'Github', icon: fabGithub, path: 'https://github.quasar.dev', external: true },
-    { name: 'Discord', icon: mdiDiscord, path: 'https://chat.quasar.dev', external: true },
+    { name: 'Discord', icon: fabDiscord, path: 'https://chat.quasar.dev', external: true },
     { name: 'Forum', icon: mdiForum, path: 'https://forum.quasar.dev', external: true },
     { name: 'X (Twitter)', icon: fabXTwitter, path: 'https://twitter.quasar.dev', external: true },
     { name: 'Facebook', icon: fabFacebook, path: 'https://facebook.quasar.dev', external: true }

diff --git a/docs/src/components/DocApi.vue b/docs/src/components/DocApi.vue
@@ -81,7 +81,7 @@
 
 <script setup>
 import { ref, computed, watch, onMounted } from 'vue'
-import { mdiClose, mdiMagnify } from '@quasar/extras/mdi-v6'
+import { mdiClose, mdiMagnify } from '@quasar/extras/mdi-v7'
 
 import DocCardTitle from './DocCardTitle.vue'
 import DocApiEntry from './DocApiEntry.js'

diff --git a/docs/src/components/DocApiEntry.js b/docs/src/components/DocApiEntry.js
@@ -1,7 +1,7 @@
 import { h, ref } from 'vue'
 import { QBadge, QBtn, Notify, QBtnToggle } from 'quasar'
 import { copyToClipboard } from 'assets/page-utils.js'
-import { mdiMinusBox, mdiPlusBox } from '@quasar/extras/mdi-v6'
+import { mdiMinusBox, mdiPlusBox } from '@quasar/extras/mdi-v7'
 
 function copyPropName (propName) {
   copyToClipboard(propName)

diff --git a/docs/src/components/DocLink.vue b/docs/src/components/DocLink.vue
@@ -22,7 +22,7 @@
 
 <script setup>
 import { computed } from 'vue'
-import { mdiLaunch } from '@quasar/extras/mdi-v6'
+import { mdiLaunch } from '@quasar/extras/mdi-v7'
 
 const props = defineProps({ to: String })
 const internal = computed(() => props.to.charAt(0) === '/')

diff --git a/docs/src/components/DocTree.vue b/docs/src/components/DocTree.vue
@@ -32,7 +32,7 @@
 </template>
 
 <script setup>
-import { mdiLaunch, mdiInformationOutline } from '@quasar/extras/mdi-v6'
+import { mdiLaunch, mdiInformationOutline } from '@quasar/extras/mdi-v7'
 
 const props = defineProps({
   def: Object

diff --git a/docs/src/components/SurveyCountdown.vue b/docs/src/components/SurveyCountdown.vue
@@ -14,7 +14,7 @@
 
 <script setup>
 import { ref, onMounted, onBeforeUnmount } from 'vue'
-import { mdiFileDocumentEditOutline } from '@quasar/extras/mdi-v6'
+import { mdiFileDocumentEditOutline } from '@quasar/extras/mdi-v7'
 
 const confDate = new Date('2022-07-09T15:00:00.000Z').getTime()
 

diff --git a/docs/src/layouts/builder/LayoutBuilder.vue b/docs/src/layouts/builder/LayoutBuilder.vue
@@ -371,7 +371,7 @@ import { ref, reactive, computed } from 'vue'
 
 import {
   mdiMenu, mdiViewDashboard, mdiCog, mdiPlayCircleOutline
-} from '@quasar/extras/mdi-v6'
+} from '@quasar/extras/mdi-v7'
 
 import getMeta from 'assets/get-meta.js'
 import DocCode from 'src/components/DocCode.vue'

diff --git a/docs/src/layouts/doc-layout/DocDrawerMenu.vue b/docs/src/layouts/doc-layout/DocDrawerMenu.vue
@@ -23,7 +23,7 @@
 </template>
 
 <script setup>
-import { mdiClose } from '@quasar/extras/mdi-v6'
+import { mdiClose } from '@quasar/extras/mdi-v7'
 
 import { useDocStore } from './store/index.js'
 

diff --git a/docs/src/layouts/doc-layout/DocDrawerToc.vue b/docs/src/layouts/doc-layout/DocDrawerToc.vue
@@ -25,7 +25,7 @@
 </template>
 
 <script setup>
-import { mdiClose } from '@quasar/extras/mdi-v6'
+import { mdiClose } from '@quasar/extras/mdi-v7'
 
 import { useDocStore } from './store/index.js'
 

diff --git a/docs/src/layouts/doc-layout/DocHeader.vue b/docs/src/layouts/doc-layout/DocHeader.vue
@@ -100,7 +100,7 @@
 
 <script setup>
 import { computed } from 'vue'
-import { mdiCompare, mdiFolderPound } from '@quasar/extras/mdi-v6'
+import { mdiCompare, mdiFolderPound } from '@quasar/extras/mdi-v7'
 
 import { versionLinks, primaryToolbarLinks, secondaryToolbarLinks, moreLinks } from 'src/assets/links.header.js'
 import { socialLinks } from 'src/assets/links.social.js'

diff --git a/docs/src/layouts/doc-layout/DocHeaderMenu.js b/docs/src/layouts/doc-layout/DocHeaderMenu.js
@@ -1,6 +1,6 @@
 import { QMenu, QIcon, QList, QItem, QItemSection, QItemLabel, QSeparator, Screen } from 'quasar'
 import { h } from 'vue'
-import { mdiMenuRight } from '@quasar/extras/mdi-v6'
+import { mdiMenuRight } from '@quasar/extras/mdi-v7'
 
 const offset = [ 0, 4 ]
 

diff --git a/docs/src/layouts/doc-layout/DocHeaderTextLinks.vue b/docs/src/layouts/doc-layout/DocHeaderTextLinks.vue
@@ -21,7 +21,7 @@
 </template>
 
 <script setup>
-import { mdiMenuDown } from '@quasar/extras/mdi-v6'
+import { mdiMenuDown } from '@quasar/extras/mdi-v7'
 
 import DocHeaderMenu from './DocHeaderMenu.js'
 

diff --git a/docs/src/layouts/doc-layout/DocLayout.vue b/docs/src/layouts/doc-layout/DocLayout.vue
@@ -34,7 +34,7 @@
 
 <script setup>
 import { computed } from 'vue'
-import { mdiArrowUp } from '@quasar/extras/mdi-v6'
+import { mdiArrowUp } from '@quasar/extras/mdi-v7'
 
 import { provideDocStore } from './store/index.js'
 

diff --git a/docs/src/layouts/doc-layout/DocPage.vue b/docs/src/layouts/doc-layout/DocPage.vue
@@ -86,7 +86,7 @@ import {
   mdiPencil,
   mdiFlash,
   mdiLaunch
-} from '@quasar/extras/mdi-v6'
+} from '@quasar/extras/mdi-v7'
 
 import DocLink from 'src/components/DocLink.vue'
 import DocPageToc from './DocPageToc.vue'

diff --git a/docs/src/layouts/doc-layout/DocPageMenu.js b/docs/src/layouts/doc-layout/DocPageMenu.js
@@ -8,7 +8,7 @@ import {
   Ripple
 } from 'quasar'
 
-import { mdiMenuDown } from '@quasar/extras/mdi-v6'
+import { mdiMenuDown } from '@quasar/extras/mdi-v7'
 import { h, ref, watch, onBeforeUpdate, withDirectives } from 'vue'
 import { useRoute } from 'vue-router'
 

diff --git a/docs/src/layouts/doc-layout/search/ResultEmpty.vue b/docs/src/layouts/doc-layout/search/ResultEmpty.vue
@@ -11,5 +11,5 @@
 </template>
 
 <script setup>
-import { mdiTextBoxSearchOutline } from '@quasar/extras/mdi-v6'
+import { mdiTextBoxSearchOutline } from '@quasar/extras/mdi-v7'
 </script>
diff --git a/docs/src/layouts/doc-layout/search/ResultError.vue b/docs/src/layouts/doc-layout/search/ResultError.vue
@@ -7,5 +7,5 @@
 </template>
 
 <script setup>
-import { mdiAlert } from '@quasar/extras/mdi-v6'
+import { mdiAlert } from '@quasar/extras/mdi-v7'
 </script>
diff --git a/docs/src/layouts/doc-layout/search/SearchResults.vue b/docs/src/layouts/doc-layout/search/SearchResults.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script setup>
-import { mdiArrowUpBold, mdiArrowDownBold, mdiKeyboardReturn, mdiKeyboardEsc } from '@quasar/extras/mdi-v6'
+import { mdiArrowUpBold, mdiArrowDownBold, mdiKeyboardReturn, mdiKeyboardEsc } from '@quasar/extras/mdi-v7'
 
 import ResultEntry from './ResultEntry.vue'
 

diff --git a/docs/src/layouts/gallery/LayoutGalleryPage.vue b/docs/src/layouts/gallery/LayoutGalleryPage.vue
@@ -18,7 +18,7 @@
 import { useMeta } from 'quasar'
 import { computed } from 'vue'
 import { useRoute } from 'vue-router'
-import { mdiCodeTags } from '@quasar/extras/mdi-v6'
+import { mdiCodeTags } from '@quasar/extras/mdi-v7'
 
 import getMeta from 'assets/get-meta.js'
 

diff --git a/docs/src/pages/layout/gallery/LayoutGallery.vue b/docs/src/pages/layout/gallery/LayoutGallery.vue
@@ -22,6 +22,6 @@
 </template>
 
 <script setup>
-import { mdiCodeTags, mdiOpenInNew } from '@quasar/extras/mdi-v6'
+import { mdiCodeTags, mdiOpenInNew } from '@quasar/extras/mdi-v7'
 import list from 'assets/layout-gallery.js'
 </script>
diff --git a/docs/src/pages/layout/grid/flex-playground/FlexChild.vue b/docs/src/pages/layout/grid/flex-playground/FlexChild.vue
@@ -28,7 +28,7 @@
 
 <script setup>
 import { computed, onMounted } from 'vue'
-import { mdiClose, mdiCloseCircle } from '@quasar/extras/mdi-v6'
+import { mdiClose, mdiCloseCircle } from '@quasar/extras/mdi-v7'
 
 const widthOptions = [
   { label: 'none', value: '' },

diff --git a/docs/src/pages/layout/grid/flex-playground/FlexPlaygroundDemo.vue b/docs/src/pages/layout/grid/flex-playground/FlexPlaygroundDemo.vue
@@ -121,7 +121,7 @@ import { ref, reactive, computed, onMounted, onBeforeUpdate } from 'vue'
 import { useRoute } from 'vue-router'
 import { useQuasar, copyToClipboard } from 'quasar'
 import { fabCodepen } from '@quasar/extras/fontawesome-v6'
-import { mdiPlus, mdiShareVariant } from '@quasar/extras/mdi-v6'
+import { mdiPlus, mdiShareVariant } from '@quasar/extras/mdi-v7'
 
 import FlexChild from './FlexChild.vue'
 import DocCodepen from 'src/components/DocCodepen.vue'

diff --git a/docs/src/pages/start/release-notes/PackageReleases.vue b/docs/src/pages/start/release-notes/PackageReleases.vue
@@ -35,7 +35,7 @@
 
 <script setup>
 import { ref, computed, watch } from 'vue'
-import { mdiMagnify } from '@quasar/extras/mdi-v6'
+import { mdiMagnify } from '@quasar/extras/mdi-v7'
 
 const props = defineProps(['releases'])
 

diff --git a/docs/src/pages/style/theme-builder/ThemePicker.vue b/docs/src/pages/style/theme-builder/ThemePicker.vue
@@ -110,7 +110,7 @@ import {
 
 import {
   mdiArrowLeft, mdiMagnify, mdiMenu, mdiMapMarkerRadius
-} from '@quasar/extras/mdi-v6'
+} from '@quasar/extras/mdi-v7'
 
 import DocCode from 'src/components/DocCode.vue'
 

diff --git a/docs/src/pages/vue-components/icon.md b/docs/src/pages/vue-components/icon.md
@@ -144,7 +144,7 @@ This is the most convenient way. Just importing the variables is enough to make
 ```html
 <script setup>
 import { matMenu } from '@quasar/extras/material-icons'
-import { mdiAbTesting } from '@quasar/extras/mdi-v6'
+import { mdiAbTesting } from '@quasar/extras/mdi-v7'
 import { fasFont } from '@quasar/extras/fontawesome-v5'
 </script>
 ```
@@ -154,7 +154,7 @@ import { fasFont } from '@quasar/extras/fontawesome-v5'
 ```html
 <script>
 import { matMenu } from '@quasar/extras/material-icons'
-import { mdiAbTesting } from '@quasar/extras/mdi-v6'
+import { mdiAbTesting } from '@quasar/extras/mdi-v7'
 import { fasFont } from '@quasar/extras/fontawesome-v5'
 
 export default {
@@ -177,7 +177,7 @@ Notice in the example below that we are injecting the icons through the `created
 ```html
 <script>
 import { matMenu } from '@quasar/extras/material-icons'
-import { mdiAbTesting } from '@quasar/extras/mdi-v6'
+import { mdiAbTesting } from '@quasar/extras/mdi-v7'
 import { fasFont } from '@quasar/extras/fontawesome-v5'
 
 export default {
@@ -265,7 +265,7 @@ Svg icons are supplied by `@quasar/extras` (although you can supply [your own sv
 
 * Icon names are in camel-case and always begin with "mdi" prefix.
 * Go to [MDI](https://materialdesignicons.com/), look for your desired icon, click on it. A dialog box will appear. Get the title (eg. "account-key"), prefix it with "mdi" and camel-case the result (eg. "mdiAccountKey").
-* Import statement example: `import { mdiAccountKey } from '@quasar/extras/mdi-v6'`.
+* Import statement example: `import { mdiAccountKey } from '@quasar/extras/mdi-v7'`.
 
 #### SVG Fontawesome