diff --git a/static/usage/v7/input/counter/vue.md b/static/usage/v7/input/counter/vue.md
index 1df64570da9..bba2db1a32e 100644
--- a/static/usage/v7/input/counter/vue.md
+++ b/static/usage/v7/input/counter/vue.md
@@ -1,13 +1,13 @@
 ```html
 <template>
-  <ion-input label="Default counter" label-placement="floating" :counter="true" maxlength="20"></ion-input>
+  <ion-input label="Default counter" label-placement="floating" :counter="true" :maxlength="20"></ion-input>
 
   <ion-input
     id="custom-input"
     label="Custom Counter Format"
     label-placement="floating"
     :counter="true"
-    maxlength="20"
+    :maxlength="20"
     :counter-formatter="customFormatter"
   ></ion-input>
 </template>
diff --git a/static/usage/v8/input/counter/vue.md b/static/usage/v8/input/counter/vue.md
index 1df64570da9..bba2db1a32e 100644
--- a/static/usage/v8/input/counter/vue.md
+++ b/static/usage/v8/input/counter/vue.md
@@ -1,13 +1,13 @@
 ```html
 <template>
-  <ion-input label="Default counter" label-placement="floating" :counter="true" maxlength="20"></ion-input>
+  <ion-input label="Default counter" label-placement="floating" :counter="true" :maxlength="20"></ion-input>
 
   <ion-input
     id="custom-input"
     label="Custom Counter Format"
     label-placement="floating"
     :counter="true"
-    maxlength="20"
+    :maxlength="20"
     :counter-formatter="customFormatter"
   ></ion-input>
 </template>