From b7dc09b11504076d2196b80d9ac55512e60880e6 Mon Sep 17 00:00:00 2001
From: Sean Perkins <sean.perkins@outsystems.com>
Date: Thu, 29 Aug 2024 11:56:45 -0400
Subject: [PATCH] fix(input): vue counter example uses maxlength as a number

Co-authored-by: Kenneth Ng <145921389+DubNubz@users.noreply.github.com>
---
 static/usage/v7/input/counter/vue.md | 4 ++--
 static/usage/v8/input/counter/vue.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

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>