fix(input): vue counter example uses maxlength as a number (#3807)

sean-perkins · kennething · web-flow · commit 8e2abf2bd082 · 2024-08-30T10:21:53.000-04:00
Co-authored-by: Kenneth Ng &lt;145921389+DubNubz@users.noreply.github.com&gt;
diff --git 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
@@ -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>
