From d9b68670f9703c581851be745028dcd48824abb1 Mon Sep 17 00:00:00 2001
From: Jacek Karczmarczyk <jk@drukcd.pl>
Date: Thu, 25 Jul 2019 20:58:25 +0200
Subject: [PATCH] chore: restrict vuetify and other libs version to current
 major (#8002)

---
 README.md                                     |   2 +-
 packages/docs/src/components/doc/Codepen.vue  | 270 +++++++++---------
 .../src/examples/autocompletes/advanced.vue   |   2 +-
 .../docs/src/examples/autocompletes/api.vue   |   2 +-
 .../examples/autocompletes/customFilter.vue   |   2 +-
 .../examples/autocompletes/scopedSlots.vue    |   2 +-
 .../docs/src/examples/autocompletes/usage.vue |   2 +-
 packages/docs/src/examples/badges/icon.vue    |   2 +-
 .../docs/src/examples/cards/twitterCard.vue   |   2 +-
 .../src/examples/carousels/customIcons.vue    |   2 +-
 .../src/examples/data-tables/customIcons.vue  |   2 +-
 .../src/examples/date-pickers/dateIcons.vue   |   2 +-
 .../src/examples/date-pickers/monthIcons.vue  |   2 +-
 .../examples/expansion-panels/customIcons.vue |   2 +-
 .../docs/src/examples/forms/veeValidate.vue   |   2 +-
 .../docs/src/examples/hover/transition.vue    |   2 +-
 packages/docs/src/examples/hover/usage.vue    |   2 +-
 .../docs/src/examples/icons/clickable.vue     |   2 +-
 packages/docs/src/examples/icons/mdi.vue      |   2 +-
 .../docs/src/examples/paginations/icons.vue   |   2 +-
 .../docs/src/examples/ratings/advanced.vue    |   2 +-
 packages/docs/src/examples/ratings/length.vue |   2 +-
 packages/docs/src/examples/ratings/slots.vue  |   2 +-
 packages/docs/src/examples/selects/slots.vue  |   2 +-
 .../docs/src/examples/sliders/metronome.vue   |   2 +-
 packages/docs/src/examples/tabs/icons.vue     |   2 +-
 .../src/examples/text-fields/iconEvents.vue   |   2 +-
 .../src/examples/text-fields/iconSlots.vue    |   2 +-
 .../docs/src/examples/textarea/signupBox.vue  |   2 +-
 .../docs/src/examples/timelines/alert.vue     |   2 +-
 .../docs/src/examples/timelines/color.vue     |   2 +-
 .../docs/src/examples/timelines/icons.vue     |   2 +-
 .../docs/src/examples/timelines/small.vue     |   2 +-
 .../docs/src/examples/treeview/directory.vue  |   2 +-
 .../src/examples/treeview/fileExplorer.vue    |   2 +-
 .../docs/src/examples/treeview/hotspots.vue   |   2 +-
 .../docs/src/examples/windows/onboarding.vue  |   2 +-
 packages/docs/src/examples/windows/usage.vue  |   2 +-
 .../docs/src/snippets/html/cdn_quickstart.txt |   2 +-
 packages/docs/src/snippets/html/fa4_link.txt  |   2 +-
 .../src/themes/parallax-starter/index.html    |   2 +-
 41 files changed, 175 insertions(+), 175 deletions(-)

diff --git a/README.md b/README.md
index b2f8f111d03..753eb8a9895 100644
--- a/README.md
+++ b/README.md
@@ -313,7 +313,7 @@ To use Vuetify in your project by directly importing it through CDNs (Content De
 Don't forget to add both Vuetify and the main Vue library to your HTML file before the closing `</body>` tag.
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/vuetify@1.x/dist/vuetify.js"></script>
 ```
 
diff --git a/packages/docs/src/components/doc/Codepen.vue b/packages/docs/src/components/doc/Codepen.vue
index 55c8464bcfa..528584ba338 100644
--- a/packages/docs/src/components/doc/Codepen.vue
+++ b/packages/docs/src/components/doc/Codepen.vue
@@ -1,135 +1,135 @@
-<template lang="pug">
-  form(
-    method="POST"
-    action="https://codepen.io/pen/define/"
-    target="_blank"
-    ref="form"
-  )
-    input(
-      type="hidden"
-      name="data"
-      :value="value"
-    )
-</template>
-
-<script>
-  import { version } from 'vuetify'
-  const title = 'Vuetify Example Pen'
-
-  const cssResources = [
-    'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons',
-    `https://cdn.jsdelivr.net/npm/vuetify@${version}/dist/vuetify.min.css`
-  ]
-
-  const jsResources = [
-    'https://cdn.jsdelivr.net/npm/babel-polyfill/dist/polyfill.min.js',
-    'https://cdn.jsdelivr.net/npm/vue/dist/vue.js',
-    `https://cdn.jsdelivr.net/npm/vuetify@${version}/dist/vuetify.min.js`
-  ]
-
-  export default {
-    name: 'Codepen',
-
-    props: {
-      pen: {
-        type: Object,
-        default: () => ({})
-      },
-      title: {
-        type: String,
-        default: title
-      }
-    },
-
-    computed: {
-      additionalScript () {
-        const additional = this.pen.codepenAdditional || ''
-
-        return additional
-          .replace(/(<codepen-additional.*?>|<\/codepen-additional>$)/g, '')
-          .replace(/\n {2}/g, '\n')
-          .trim() + (additional ? '\n\n' : '')
-      },
-      additionalResources () {
-        const resources = this.pen.codepenResources || '{}'
-
-        return Object.assign(
-          { css: [], js: [] },
-          JSON.parse(
-            resources.replace(/(<codepen-resources.*?>|<\/codepen-resources>$)/g, '')
-          )
-        )
-      },
-      script () {
-        const imports = /(import*) ([^'\n]*) from ([^\n]*)/g
-        let component = /export default {([\s\S]*)}/g.exec(this.pen.script || '')
-
-        component = ((component && component[1]) || '')
-          .replace(/\n {2}/g, '\n')
-          .trim()
-
-        let script = /<script>([\s\S]*)export default {/g.exec(this.pen.script || '')
-
-        script = ((script && script[1]) || '')
-          .replace(imports, '')
-          .replace(/\n {2}/g, '\n')
-          .trim()
-
-        script += script ? '\n\n' : ''
-
-        return this.additionalScript + script +
-          `new Vue({
-  el: '#app',
-  ${component}
-})`
-      },
-      style () {
-        return {
-          content: (this.pen.style || '').replace(/(<style.*?>|<\/style>)/g, '').replace(/\n {2}/g, '\n').trim(),
-          language: /<style.*lang=["'](.*)["'].*>/.exec(this.pen.style || '')
-        }
-      },
-      template () {
-        const template = this.pen.template || ''
-
-        return template
-          .replace(/(<template>|<\/template>$)/g, '')
-          .replace(/\n/g, '\n  ')
-          .trim()
-      },
-      editors () {
-        const html = this.template && 0b100
-        const css = this.style.content && 0b010
-        const js = this.script && 0b001
-
-        return (html | css | js).toString(2)
-      },
-      value () {
-        const data = {
-          title: this.title,
-          html:
-            `<div id="app">
-  <v-app id="inspire">
-    ${this.template}
-  </v-app>
-</div>`,
-          css: this.style.content,
-          css_pre_processor: this.style.language ? this.style.language[1] : 'none',
-          css_external: [...this.additionalResources.css, ...cssResources].join(';'),
-          js: this.script,
-          js_pre_processor: 'babel',
-          js_external: [...this.additionalResources.js, ...jsResources].join(';'),
-          editors: this.editors
-        }
-
-        return JSON.stringify(data)
-      }
-    },
-
-    methods: {
-      submit () {
-        this.$el.submit()
-      }
-    }
-  }
-</script>
+<template lang="pug">
+  form(
+    method="POST"
+    action="https://codepen.io/pen/define/"
+    target="_blank"
+    ref="form"
+  )
+    input(
+      type="hidden"
+      name="data"
+      :value="value"
+    )
+</template>
+
+<script>
+  import { version } from 'vuetify'
+  const title = 'Vuetify Example Pen'
+
+  const cssResources = [
+    'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons',
+    `https://cdn.jsdelivr.net/npm/vuetify@${version}/dist/vuetify.min.css`
+  ]
+
+  const jsResources = [
+    'https://cdn.jsdelivr.net/npm/babel-polyfill/dist/polyfill.min.js',
+    'https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js',
+    `https://cdn.jsdelivr.net/npm/vuetify@${version}/dist/vuetify.min.js`
+  ]
+
+  export default {
+    name: 'Codepen',
+
+    props: {
+      pen: {
+        type: Object,
+        default: () => ({})
+      },
+      title: {
+        type: String,
+        default: title
+      }
+    },
+
+    computed: {
+      additionalScript () {
+        const additional = this.pen.codepenAdditional || ''
+
+        return additional
+          .replace(/(<codepen-additional.*?>|<\/codepen-additional>$)/g, '')
+          .replace(/\n {2}/g, '\n')
+          .trim() + (additional ? '\n\n' : '')
+      },
+      additionalResources () {
+        const resources = this.pen.codepenResources || '{}'
+
+        return Object.assign(
+          { css: [], js: [] },
+          JSON.parse(
+            resources.replace(/(<codepen-resources.*?>|<\/codepen-resources>$)/g, '')
+          )
+        )
+      },
+      script () {
+        const imports = /(import*) ([^'\n]*) from ([^\n]*)/g
+        let component = /export default {([\s\S]*)}/g.exec(this.pen.script || '')
+
+        component = ((component && component[1]) || '')
+          .replace(/\n {2}/g, '\n')
+          .trim()
+
+        let script = /<script>([\s\S]*)export default {/g.exec(this.pen.script || '')
+
+        script = ((script && script[1]) || '')
+          .replace(imports, '')
+          .replace(/\n {2}/g, '\n')
+          .trim()
+
+        script += script ? '\n\n' : ''
+
+        return this.additionalScript + script +
+          `new Vue({
+  el: '#app',
+  ${component}
+})`
+      },
+      style () {
+        return {
+          content: (this.pen.style || '').replace(/(<style.*?>|<\/style>)/g, '').replace(/\n {2}/g, '\n').trim(),
+          language: /<style.*lang=["'](.*)["'].*>/.exec(this.pen.style || '')
+        }
+      },
+      template () {
+        const template = this.pen.template || ''
+
+        return template
+          .replace(/(<template>|<\/template>$)/g, '')
+          .replace(/\n/g, '\n  ')
+          .trim()
+      },
+      editors () {
+        const html = this.template && 0b100
+        const css = this.style.content && 0b010
+        const js = this.script && 0b001
+
+        return (html | css | js).toString(2)
+      },
+      value () {
+        const data = {
+          title: this.title,
+          html:
+            `<div id="app">
+  <v-app id="inspire">
+    ${this.template}
+  </v-app>
+</div>`,
+          css: this.style.content,
+          css_pre_processor: this.style.language ? this.style.language[1] : 'none',
+          css_external: [...this.additionalResources.css, ...cssResources].join(';'),
+          js: this.script,
+          js_pre_processor: 'babel',
+          js_external: [...this.additionalResources.js, ...jsResources].join(';'),
+          editors: this.editors
+        }
+
+        return JSON.stringify(data)
+      }
+    },
+
+    methods: {
+      submit () {
+        this.$el.submit()
+      }
+    }
+  }
+</script>
diff --git a/packages/docs/src/examples/autocompletes/advanced.vue b/packages/docs/src/examples/autocompletes/advanced.vue
index 568a4a473ec..bf385f3d648 100644
--- a/packages/docs/src/examples/autocompletes/advanced.vue
+++ b/packages/docs/src/examples/autocompletes/advanced.vue
@@ -101,6 +101,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/autocompletes/api.vue b/packages/docs/src/examples/autocompletes/api.vue
index 1293267ae65..033f991aeb0 100644
--- a/packages/docs/src/examples/autocompletes/api.vue
+++ b/packages/docs/src/examples/autocompletes/api.vue
@@ -120,6 +120,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/autocompletes/customFilter.vue b/packages/docs/src/examples/autocompletes/customFilter.vue
index 8aa70be7267..61d580bde2d 100644
--- a/packages/docs/src/examples/autocompletes/customFilter.vue
+++ b/packages/docs/src/examples/autocompletes/customFilter.vue
@@ -95,6 +95,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/autocompletes/scopedSlots.vue b/packages/docs/src/examples/autocompletes/scopedSlots.vue
index ab22ab3c345..6d6836c4d8a 100644
--- a/packages/docs/src/examples/autocompletes/scopedSlots.vue
+++ b/packages/docs/src/examples/autocompletes/scopedSlots.vue
@@ -200,6 +200,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/autocompletes/usage.vue b/packages/docs/src/examples/autocompletes/usage.vue
index 9e7ab776af4..34cf1515c4e 100644
--- a/packages/docs/src/examples/autocompletes/usage.vue
+++ b/packages/docs/src/examples/autocompletes/usage.vue
@@ -58,6 +58,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/badges/icon.vue b/packages/docs/src/examples/badges/icon.vue
index 8dddfe7e65b..f359d438b96 100644
--- a/packages/docs/src/examples/badges/icon.vue
+++ b/packages/docs/src/examples/badges/icon.vue
@@ -25,6 +25,6 @@
 <codepen-resources lang="json">
   {
   "js": ["https://use.fontawesome.com/releases/v5.0.6/js/all.js"],
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/cards/twitterCard.vue b/packages/docs/src/examples/cards/twitterCard.vue
index 8a4ed9a56df..e7c55ad4e99 100644
--- a/packages/docs/src/examples/cards/twitterCard.vue
+++ b/packages/docs/src/examples/cards/twitterCard.vue
@@ -57,6 +57,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/carousels/customIcons.vue b/packages/docs/src/examples/carousels/customIcons.vue
index c7aed157631..59c802383f1 100644
--- a/packages/docs/src/examples/carousels/customIcons.vue
+++ b/packages/docs/src/examples/carousels/customIcons.vue
@@ -37,6 +37,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/data-tables/customIcons.vue b/packages/docs/src/examples/data-tables/customIcons.vue
index 7f4d371ad48..fd269563b8d 100644
--- a/packages/docs/src/examples/data-tables/customIcons.vue
+++ b/packages/docs/src/examples/data-tables/customIcons.vue
@@ -124,6 +124,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/date-pickers/dateIcons.vue b/packages/docs/src/examples/date-pickers/dateIcons.vue
index 99136d8679f..d21d6672704 100644
--- a/packages/docs/src/examples/date-pickers/dateIcons.vue
+++ b/packages/docs/src/examples/date-pickers/dateIcons.vue
@@ -23,6 +23,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/date-pickers/monthIcons.vue b/packages/docs/src/examples/date-pickers/monthIcons.vue
index 7d350a39ef9..89a62929d96 100644
--- a/packages/docs/src/examples/date-pickers/monthIcons.vue
+++ b/packages/docs/src/examples/date-pickers/monthIcons.vue
@@ -24,6 +24,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/expansion-panels/customIcons.vue b/packages/docs/src/examples/expansion-panels/customIcons.vue
index 2e534947f5f..51f2bd849e9 100644
--- a/packages/docs/src/examples/expansion-panels/customIcons.vue
+++ b/packages/docs/src/examples/expansion-panels/customIcons.vue
@@ -17,6 +17,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/forms/veeValidate.vue b/packages/docs/src/examples/forms/veeValidate.vue
index e939c6726a8..738dc4aef5a 100644
--- a/packages/docs/src/examples/forms/veeValidate.vue
+++ b/packages/docs/src/examples/forms/veeValidate.vue
@@ -103,6 +103,6 @@
 
 <codepen-resources lang="json">
   {
-    "js": ["https://cdn.jsdelivr.net/npm/vee-validate@latest/dist/vee-validate.js"]
+    "js": ["https://cdn.jsdelivr.net/npm/vee-validate@2.x/dist/vee-validate.js"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/hover/transition.vue b/packages/docs/src/examples/hover/transition.vue
index 4f576b2c181..df61cf6a998 100644
--- a/packages/docs/src/examples/hover/transition.vue
+++ b/packages/docs/src/examples/hover/transition.vue
@@ -59,6 +59,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/hover/usage.vue b/packages/docs/src/examples/hover/usage.vue
index 74101ba016a..cac2b243526 100644
--- a/packages/docs/src/examples/hover/usage.vue
+++ b/packages/docs/src/examples/hover/usage.vue
@@ -48,6 +48,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/icons/clickable.vue b/packages/docs/src/examples/icons/clickable.vue
index c5a1507faef..03216772db1 100644
--- a/packages/docs/src/examples/icons/clickable.vue
+++ b/packages/docs/src/examples/icons/clickable.vue
@@ -36,6 +36,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/icons/mdi.vue b/packages/docs/src/examples/icons/mdi.vue
index fc3b0b0e812..8d2c7a4450f 100644
--- a/packages/docs/src/examples/icons/mdi.vue
+++ b/packages/docs/src/examples/icons/mdi.vue
@@ -16,6 +16,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/paginations/icons.vue b/packages/docs/src/examples/paginations/icons.vue
index 4064b6a726b..04cadc70a54 100644
--- a/packages/docs/src/examples/paginations/icons.vue
+++ b/packages/docs/src/examples/paginations/icons.vue
@@ -21,6 +21,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/ratings/advanced.vue b/packages/docs/src/examples/ratings/advanced.vue
index 432e6d1ca9f..1ba2fca199b 100644
--- a/packages/docs/src/examples/ratings/advanced.vue
+++ b/packages/docs/src/examples/ratings/advanced.vue
@@ -143,6 +143,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/ratings/length.vue b/packages/docs/src/examples/ratings/length.vue
index da4817ce392..a19d74cea1c 100644
--- a/packages/docs/src/examples/ratings/length.vue
+++ b/packages/docs/src/examples/ratings/length.vue
@@ -78,6 +78,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/ratings/slots.vue b/packages/docs/src/examples/ratings/slots.vue
index eb0d41faba0..2ea17bc6b62 100644
--- a/packages/docs/src/examples/ratings/slots.vue
+++ b/packages/docs/src/examples/ratings/slots.vue
@@ -30,6 +30,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/selects/slots.vue b/packages/docs/src/examples/selects/slots.vue
index 6dce1e98306..80b1e82c0dc 100644
--- a/packages/docs/src/examples/selects/slots.vue
+++ b/packages/docs/src/examples/selects/slots.vue
@@ -132,6 +132,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/sliders/metronome.vue b/packages/docs/src/examples/sliders/metronome.vue
index a51bb6e5e45..8bac2d8e3d5 100644
--- a/packages/docs/src/examples/sliders/metronome.vue
+++ b/packages/docs/src/examples/sliders/metronome.vue
@@ -138,6 +138,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/tabs/icons.vue b/packages/docs/src/examples/tabs/icons.vue
index 531f41bfa8a..67d0957dbb6 100644
--- a/packages/docs/src/examples/tabs/icons.vue
+++ b/packages/docs/src/examples/tabs/icons.vue
@@ -41,6 +41,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/text-fields/iconEvents.vue b/packages/docs/src/examples/text-fields/iconEvents.vue
index 97dc932367f..a576933f834 100644
--- a/packages/docs/src/examples/text-fields/iconEvents.vue
+++ b/packages/docs/src/examples/text-fields/iconEvents.vue
@@ -77,6 +77,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/text-fields/iconSlots.vue b/packages/docs/src/examples/text-fields/iconSlots.vue
index 4d83160ec43..0cda222c02c 100644
--- a/packages/docs/src/examples/text-fields/iconSlots.vue
+++ b/packages/docs/src/examples/text-fields/iconSlots.vue
@@ -79,6 +79,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/textarea/signupBox.vue b/packages/docs/src/examples/textarea/signupBox.vue
index ddd1185e705..36920a4eb65 100644
--- a/packages/docs/src/examples/textarea/signupBox.vue
+++ b/packages/docs/src/examples/textarea/signupBox.vue
@@ -161,6 +161,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/timelines/alert.vue b/packages/docs/src/examples/timelines/alert.vue
index 5ef2da99dc1..25d3d0fdecd 100644
--- a/packages/docs/src/examples/timelines/alert.vue
+++ b/packages/docs/src/examples/timelines/alert.vue
@@ -123,6 +123,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/timelines/color.vue b/packages/docs/src/examples/timelines/color.vue
index 0f000a27157..b58144a588d 100644
--- a/packages/docs/src/examples/timelines/color.vue
+++ b/packages/docs/src/examples/timelines/color.vue
@@ -126,6 +126,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/timelines/icons.vue b/packages/docs/src/examples/timelines/icons.vue
index 03165e8e469..c73db257686 100644
--- a/packages/docs/src/examples/timelines/icons.vue
+++ b/packages/docs/src/examples/timelines/icons.vue
@@ -54,6 +54,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/timelines/small.vue b/packages/docs/src/examples/timelines/small.vue
index 37fe19cdba3..8470242f47a 100644
--- a/packages/docs/src/examples/timelines/small.vue
+++ b/packages/docs/src/examples/timelines/small.vue
@@ -145,6 +145,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/treeview/directory.vue b/packages/docs/src/examples/treeview/directory.vue
index 6fea41dfb3b..7048ea402c2 100644
--- a/packages/docs/src/examples/treeview/directory.vue
+++ b/packages/docs/src/examples/treeview/directory.vue
@@ -147,6 +147,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/treeview/fileExplorer.vue b/packages/docs/src/examples/treeview/fileExplorer.vue
index cd07c99d25c..f60c1353416 100644
--- a/packages/docs/src/examples/treeview/fileExplorer.vue
+++ b/packages/docs/src/examples/treeview/fileExplorer.vue
@@ -91,6 +91,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/treeview/hotspots.vue b/packages/docs/src/examples/treeview/hotspots.vue
index 0df397d92c2..8188a55ba65 100644
--- a/packages/docs/src/examples/treeview/hotspots.vue
+++ b/packages/docs/src/examples/treeview/hotspots.vue
@@ -174,6 +174,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/windows/onboarding.vue b/packages/docs/src/examples/windows/onboarding.vue
index 13ed019c7a5..83180a9768d 100644
--- a/packages/docs/src/examples/windows/onboarding.vue
+++ b/packages/docs/src/examples/windows/onboarding.vue
@@ -86,6 +86,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/examples/windows/usage.vue b/packages/docs/src/examples/windows/usage.vue
index 3c2a57ea447..5ec11d809e5 100644
--- a/packages/docs/src/examples/windows/usage.vue
+++ b/packages/docs/src/examples/windows/usage.vue
@@ -73,6 +73,6 @@
 
 <codepen-resources lang="json">
   {
-    "css": ["https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css"]
+    "css": ["https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css"]
   }
 </codepen-resources>
diff --git a/packages/docs/src/snippets/html/cdn_quickstart.txt b/packages/docs/src/snippets/html/cdn_quickstart.txt
index 143d7b27017..ee3487e8640 100644
--- a/packages/docs/src/snippets/html/cdn_quickstart.txt
+++ b/packages/docs/src/snippets/html/cdn_quickstart.txt
@@ -14,7 +14,7 @@
     </v-app>
   </div>
 
-  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/vuetify@1.x/dist/vuetify.js"></script>
   <script>
     new Vue({ el: '#app' })
diff --git a/packages/docs/src/snippets/html/fa4_link.txt b/packages/docs/src/snippets/html/fa4_link.txt
index ee4e3320f13..4a5de293e0b 100644
--- a/packages/docs/src/snippets/html/fa4_link.txt
+++ b/packages/docs/src/snippets/html/fa4_link.txt
@@ -1 +1 @@
-<link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/font-awesome@4.x/css/font-awesome.min.css" rel="stylesheet">
diff --git a/packages/docs/src/themes/parallax-starter/index.html b/packages/docs/src/themes/parallax-starter/index.html
index a50d0971a9e..4fe0432fcb8 100644
--- a/packages/docs/src/themes/parallax-starter/index.html
+++ b/packages/docs/src/themes/parallax-starter/index.html
@@ -195,7 +195,7 @@ <h2 class="headline">The best way to start developing</h2>
     </v-content>
   </v-app>
  </div>
- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vuetify@1.x/dist/vuetify.js"></script>
  <script>
    new Vue({