diff --git a/static/code/stackblitz/v7/vue/package-lock.json b/static/code/stackblitz/v7/vue/package-lock.json
index 28186aee5ff..b49503fdc08 100644
--- a/static/code/stackblitz/v7/vue/package-lock.json
+++ b/static/code/stackblitz/v7/vue/package-lock.json
@@ -48,36 +48,36 @@
       }
     },
     "node_modules/@ionic/core": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.0.0.tgz",
-      "integrity": "sha512-pM8qOaea9ZbqZbGnoIswaeeTiHJKNQ9ziSNHSILDpdd4FjpxZjOeMgNUdvYzh5rX9fA6hEM2wodg7McIWHgvZQ==",
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.0.4.tgz",
+      "integrity": "sha512-tS1RfWn+L3jVpU833d7QQs1FQO1MlbDQL6sMaYBOYcE1nNZuDTd++zcOS264eklNnZu6z7PJmd04dj3DnQjsmA==",
       "dependencies": {
-        "@stencil/core": "^3.1.0",
+        "@stencil/core": "^3.2.1",
         "ionicons": "^7.1.0",
         "tslib": "^2.1.0"
       }
     },
     "node_modules/@ionic/vue": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.0.0.tgz",
-      "integrity": "sha512-bikmbUm59EIciZS/Xdm3dhcoeg3PpoiFHl5YsgaydgiZccV7Hu9y7n5zT1ydIPYnJryb2gRaNQ4N8O4JvDll8w==",
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.0.4.tgz",
+      "integrity": "sha512-yHJhcfdrY6ePbOWPX1njmnBryWKFmdVGIGYm6bNGiWsFFTzdP913n8TpG+Eyvhoi9Zi2CYQl/sHvmuF2GuaqTQ==",
       "dependencies": {
-        "@ionic/core": "7.0.0",
+        "@ionic/core": "7.0.4",
         "ionicons": "^7.0.0"
       }
     },
     "node_modules/@ionic/vue-router": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@ionic/vue-router/-/vue-router-7.0.0.tgz",
-      "integrity": "sha512-OFm1lRFQ2rkrjdtjWBsUfsRa6b/FZ+1jez8gLfS2z/nM8yw5MFW7vnfPWgLHBGwWtQ++6MYpiSkybc7XQk4Kbw==",
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@ionic/vue-router/-/vue-router-7.0.4.tgz",
+      "integrity": "sha512-kEowloxxjnoDaMeoli2rWHVUvnEUqkK95juik79E8TaIXkK15QJdl8QgB7hCvNMER20yVT/tgx87DxxYOhFflg==",
       "dependencies": {
-        "@ionic/vue": "7.0.0"
+        "@ionic/vue": "7.0.4"
       }
     },
     "node_modules/@stencil/core": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-3.2.0.tgz",
-      "integrity": "sha512-vAZiHg4h6hZn4GP6P4w/d7qJwovW0xroitVAn/Ay0rUOeMHqMDYTX5jq0Vy/bgKactKam5WL/to50esGe6lDUQ==",
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-3.2.2.tgz",
+      "integrity": "sha512-wXb9cVWL0T3cTwYLveekdTFCRGx6+9hpVDEXna+N8K8OPoW6xtFAHRLv+LjOM7k59PkA8MG3IinAfV7Y+xa0Hw==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -907,36 +907,36 @@
       "optional": true
     },
     "@ionic/core": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.0.0.tgz",
-      "integrity": "sha512-pM8qOaea9ZbqZbGnoIswaeeTiHJKNQ9ziSNHSILDpdd4FjpxZjOeMgNUdvYzh5rX9fA6hEM2wodg7McIWHgvZQ==",
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.0.4.tgz",
+      "integrity": "sha512-tS1RfWn+L3jVpU833d7QQs1FQO1MlbDQL6sMaYBOYcE1nNZuDTd++zcOS264eklNnZu6z7PJmd04dj3DnQjsmA==",
       "requires": {
-        "@stencil/core": "^3.1.0",
+        "@stencil/core": "^3.2.1",
         "ionicons": "^7.1.0",
         "tslib": "^2.1.0"
       }
     },
     "@ionic/vue": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.0.0.tgz",
-      "integrity": "sha512-bikmbUm59EIciZS/Xdm3dhcoeg3PpoiFHl5YsgaydgiZccV7Hu9y7n5zT1ydIPYnJryb2gRaNQ4N8O4JvDll8w==",
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.0.4.tgz",
+      "integrity": "sha512-yHJhcfdrY6ePbOWPX1njmnBryWKFmdVGIGYm6bNGiWsFFTzdP913n8TpG+Eyvhoi9Zi2CYQl/sHvmuF2GuaqTQ==",
       "requires": {
-        "@ionic/core": "7.0.0",
+        "@ionic/core": "7.0.4",
         "ionicons": "^7.0.0"
       }
     },
     "@ionic/vue-router": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@ionic/vue-router/-/vue-router-7.0.0.tgz",
-      "integrity": "sha512-OFm1lRFQ2rkrjdtjWBsUfsRa6b/FZ+1jez8gLfS2z/nM8yw5MFW7vnfPWgLHBGwWtQ++6MYpiSkybc7XQk4Kbw==",
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/@ionic/vue-router/-/vue-router-7.0.4.tgz",
+      "integrity": "sha512-kEowloxxjnoDaMeoli2rWHVUvnEUqkK95juik79E8TaIXkK15QJdl8QgB7hCvNMER20yVT/tgx87DxxYOhFflg==",
       "requires": {
-        "@ionic/vue": "7.0.0"
+        "@ionic/vue": "7.0.4"
       }
     },
     "@stencil/core": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-3.2.0.tgz",
-      "integrity": "sha512-vAZiHg4h6hZn4GP6P4w/d7qJwovW0xroitVAn/Ay0rUOeMHqMDYTX5jq0Vy/bgKactKam5WL/to50esGe6lDUQ=="
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-3.2.2.tgz",
+      "integrity": "sha512-wXb9cVWL0T3cTwYLveekdTFCRGx6+9hpVDEXna+N8K8OPoW6xtFAHRLv+LjOM7k59PkA8MG3IinAfV7Y+xa0Hw=="
     },
     "@vitejs/plugin-vue": {
       "version": "2.3.4",
diff --git a/static/code/stackblitz/v7/vue/package.json b/static/code/stackblitz/v7/vue/package.json
index b8f118f3bcd..d2f1f661387 100644
--- a/static/code/stackblitz/v7/vue/package.json
+++ b/static/code/stackblitz/v7/vue/package.json
@@ -8,8 +8,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@ionic/vue": "^7.0.0",
-    "@ionic/vue-router": "^7.0.0",
+    "@ionic/vue": "^7.0.4",
+    "@ionic/vue-router": "^7.0.4",
     "vue": "^3.2.25",
     "vue-router": "4.0.13"
   },
diff --git a/static/usage/v7/breadcrumbs/theming/colors/vue.md b/static/usage/v7/breadcrumbs/theming/colors/vue.md
index 5d29a975608..357d76b7422 100644
--- a/static/usage/v7/breadcrumbs/theming/colors/vue.md
+++ b/static/usage/v7/breadcrumbs/theming/colors/vue.md
@@ -1,10 +1,10 @@
 ```html
 <template>
-  <ion-breadcrumbs>
-    <ion-breadcrumb color="primary" href="#home">Home</ion-breadcrumb>
-    <ion-breadcrumb color="primary" href="#electronics">Electronics</ion-breadcrumb>
-    <ion-breadcrumb color="primary" href="#cameras">Cameras</ion-breadcrumb>
-    <ion-breadcrumb color="primary" href="#film">Film</ion-breadcrumb>
+  <ion-breadcrumbs color="primary">
+    <ion-breadcrumb href="#home">Home</ion-breadcrumb>
+    <ion-breadcrumb href="#electronics">Electronics</ion-breadcrumb>
+    <ion-breadcrumb href="#cameras">Cameras</ion-breadcrumb>
+    <ion-breadcrumb href="#film">Film</ion-breadcrumb>
   </ion-breadcrumbs>
 </template>