diff --git a/core/src/components/action-sheet/readme.md b/core/src/components/action-sheet/readme.md
index fd287cd570..7e107d75f0 100644
--- a/core/src/components/action-sheet/readme.md
+++ b/core/src/components/action-sheet/readme.md
@@ -192,7 +192,7 @@ export default class ActionSheetExample extends Component<Props, State> {
 
 ### Vue
 
-```vue
+```html
 <template>
   <IonVuePage :title="'Action Sheet'">
     <ion-button @click="presentActionSheet">Show Action Sheet</ion-button>
diff --git a/core/src/components/action-sheet/usage/vue.md b/core/src/components/action-sheet/usage/vue.md
index 65555c69d3..b7adb2f09b 100644
--- a/core/src/components/action-sheet/usage/vue.md
+++ b/core/src/components/action-sheet/usage/vue.md
@@ -1,4 +1,4 @@
-```vue
+```html
 <template>
   <IonVuePage :title="'Action Sheet'">
     <ion-button @click="presentActionSheet">Show Action Sheet</ion-button>
diff --git a/core/src/components/alert/readme.md b/core/src/components/alert/readme.md
index ef15639751..ca8afe3668 100644
--- a/core/src/components/alert/readme.md
+++ b/core/src/components/alert/readme.md
@@ -803,7 +803,7 @@ export default class AlertExample extends Component<Props, State> {
 
 ### Vue
 
-```vue
+```html
 <template>
   <IonVuePage :title="'Alert'">
     <ion-button @click="presentAlert">Show Alert</ion-button>
diff --git a/core/src/components/alert/usage/vue.md b/core/src/components/alert/usage/vue.md
index b8283ec380..b414f92ade 100644
--- a/core/src/components/alert/usage/vue.md
+++ b/core/src/components/alert/usage/vue.md
@@ -1,4 +1,4 @@
-```vue
+```html
 <template>
   <IonVuePage :title="'Alert'">
     <ion-button @click="presentAlert">Show Alert</ion-button>
diff --git a/core/src/components/loading/readme.md b/core/src/components/loading/readme.md
index 11843adbca..58ad5eb356 100644
--- a/core/src/components/loading/readme.md
+++ b/core/src/components/loading/readme.md
@@ -144,7 +144,7 @@ export class LoadingExample extends Component<Props, State> {
 
 ### Vue
 
-```vue
+```html
 <template>
   <IonVuePage :title="'Loading'">
     <ion-button @click="presentLoading">Show Loading</ion-button>
diff --git a/core/src/components/loading/usage/vue.md b/core/src/components/loading/usage/vue.md
index 8d13f5f849..86f0ea6193 100644
--- a/core/src/components/loading/usage/vue.md
+++ b/core/src/components/loading/usage/vue.md
@@ -1,4 +1,4 @@
-```vue
+```html
 <template>
   <IonVuePage :title="'Loading'">
     <ion-button @click="presentLoading">Show Loading</ion-button>
diff --git a/core/src/components/modal/readme.md b/core/src/components/modal/readme.md
index 0db99e41e4..99a0ab794d 100644
--- a/core/src/components/modal/readme.md
+++ b/core/src/components/modal/readme.md
@@ -180,7 +180,7 @@ export class ModalExample extends Component<Props, State> {
 
 ### Vue
 
-```vue
+```html
 <template>
   <div>
     <ion-header>
@@ -209,7 +209,7 @@ export default {
 </script>
 ```
 
-```vue
+```html
 <template>
   <ion-page class="ion-page" main>
     <ion-content class="ion-content" padding>
diff --git a/core/src/components/modal/usage/vue.md b/core/src/components/modal/usage/vue.md
index d730b29297..f5d5a8b808 100644
--- a/core/src/components/modal/usage/vue.md
+++ b/core/src/components/modal/usage/vue.md
@@ -1,4 +1,4 @@
-```vue
+```html
 <template>
   <div>
     <ion-header>
@@ -27,7 +27,7 @@ export default {
 </script>
 ```
 
-```vue
+```html
 <template>
   <ion-page class="ion-page" main>
     <ion-content class="ion-content" padding>