fix: Update input event bindings to use blur events (#10216)

app/javascript/dashboard/modules/contact/components/AddCustomAttribute.vue

@@ -84,6 +84,7 @@ export default {
         :error="attributeNameError"
         :label="$t('CUSTOM_ATTRIBUTES.FORM.NAME.LABEL')"
         :placeholder="$t('CUSTOM_ATTRIBUTES.FORM.NAME.PLACEHOLDER')"
+        @blur="v$.attributeName.$touch"
         @input="v$.attributeName.$touch"
       />
       <woot-input

app/javascript/dashboard/routes/dashboard/helpcenter/components/PortalSettingsBasicForm.vue

@@ -201,7 +201,7 @@ function onFileChange({ file }) {
           :placeholder="$t('HELP_CENTER.PORTAL.ADD.NAME.PLACEHOLDER')"
           :help-text="$t('HELP_CENTER.PORTAL.ADD.NAME.HELP_TEXT')"
           @blur="v$.name.$touch"
-          @input="onNameChange"
+          @update:model-value="onNameChange"
         />
       </div>
       <div class="mb-4">

app/javascript/dashboard/routes/dashboard/helpcenter/pages/categories/AddCategory.vue

@@ -160,6 +160,7 @@ export default {
           :placeholder="$t('HELP_CENTER.CATEGORY.ADD.SLUG.PLACEHOLDER')"
           :help-text="$t('HELP_CENTER.CATEGORY.ADD.SLUG.HELP_TEXT')"
           @input="v$.slug.$touch"
+          @blur="v$.slug.$touch"
         />
         <label>
           {{ $t('HELP_CENTER.CATEGORY.ADD.DESCRIPTION.LABEL') }}

app/javascript/dashboard/routes/dashboard/helpcenter/pages/categories/EditCategory.vue

@@ -171,6 +171,7 @@ export default {
           :placeholder="$t('HELP_CENTER.CATEGORY.EDIT.SLUG.PLACEHOLDER')"
           :help-text="$t('HELP_CENTER.CATEGORY.EDIT.SLUG.HELP_TEXT')"
           @input="v$.slug.$touch"
+          @blur="v$.slug.$touch"
         />
         <label>
           {{ $t('HELP_CENTER.CATEGORY.EDIT.DESCRIPTION.LABEL') }}

app/javascript/dashboard/routes/dashboard/settings/attributes/AddAttribute.vue

@@ -186,7 +186,7 @@ export default {
                 : ''
             "
             :placeholder="$t('ATTRIBUTES_MGMT.ADD.FORM.NAME.PLACEHOLDER')"
-            @input="onDisplayNameChange"
+            @update:model-value="onDisplayNameChange"
             @blur="v$.displayName.$touch"
           />
           <woot-input

app/javascript/dashboard/routes/dashboard/settings/integrations/DashboardApps/DashboardAppModal.vue

@@ -125,6 +125,7 @@ export default {
           "
           data-testid="app-title"
           @input="v$.app.title.$touch"
+          @blur="v$.slug.$touch"
         />
         <woot-input
           v-model="app.content.url"
@@ -141,6 +142,7 @@ export default {
           "
           data-testid="app-url"
           @input="v$.app.content.url.$touch"
+          @blur="v$.app.content.url.$touch"
         />
         <div class="flex flex-row justify-end w-full gap-2 px-0 py-2">
           <woot-button

app/javascript/dashboard/routes/dashboard/settings/labels/AddLabel.vue

@@ -78,6 +78,7 @@ export default {
         :error="labelTitleErrorMessage"
         data-testid="label-title"
         @input="v$.title.$touch"
+        @blur="v$.title.$touch"
       />
 
       <woot-input
@@ -88,6 +89,7 @@ export default {
         :placeholder="$t('LABEL_MGMT.FORM.DESCRIPTION.PLACEHOLDER')"
         data-testid="label-description"
         @input="v$.description.$touch"
+        @blur="v$.description.$touch"
       />
 
       <div class="w-full">

app/javascript/dashboard/routes/dashboard/settings/labels/EditLabel.vue

@@ -84,6 +84,7 @@ export default {
         :placeholder="$t('LABEL_MGMT.FORM.NAME.PLACEHOLDER')"
         :error="labelTitleErrorMessage"
         @input="v$.title.$touch"
+        @blur="v$.title.$touch"
       />
       <woot-input
         v-model="description"
@@ -92,6 +93,7 @@ export default {
         :label="$t('LABEL_MGMT.FORM.DESCRIPTION.LABEL')"
         :placeholder="$t('LABEL_MGMT.FORM.DESCRIPTION.PLACEHOLDER')"
         @input="v$.description.$touch"
+        @blur="v$.description.$touch"
       />
 
       <div class="w-full">

app/javascript/dashboard/routes/dashboard/settings/profile/ChangePassword.vue

@@ -95,6 +95,7 @@ export default {
             : ''
         }`"
         @input="v$.currentPassword.$touch"
+        @blur="v$.currentPassword.$touch"
       />
 
       <woot-input
@@ -108,6 +109,7 @@ export default {
           v$.password.$error ? $t('PROFILE_SETTINGS.FORM.PASSWORD.ERROR') : ''
         }`"
         @input="v$.password.$touch"
+        @blur="v$.password.$touch"
       />
 
       <woot-input
@@ -125,6 +127,7 @@ export default {
             : ''
         }`"
         @input="v$.passwordConfirmation.$touch"
+        @blur="v$.passwordConfirmation.$touch"
       />
 
       <FormButton

app/javascript/dashboard/routes/dashboard/settings/profile/UserBasicDetails.vue

@@ -102,6 +102,7 @@ export default {
         v$.userName.$error ? $t('PROFILE_SETTINGS.FORM.NAME.ERROR') : ''
       }`"
       @input="v$.userName.$touch"
+      @blur="v$.userName.$touch"
     />
     <woot-input
       v-model="userDisplayName"
@@ -115,6 +116,7 @@ export default {
           : ''
       }`"
       @input="v$.userDisplayName.$touch"
+      @blur="v$.userDisplayName.$touch"
     />
     <woot-input
       v-if="emailEnabled"
@@ -127,6 +129,7 @@ export default {
         v$.userEmail.$error ? $t('PROFILE_SETTINGS.FORM.EMAIL.ERROR') : ''
       }`"
       @input="v$.userEmail.$touch"
+      @blur="v$.userEmail.$touch"
     />
     <FormButton
       type="submit"

app/javascript/dashboard/routes/dashboard/settings/sla/SlaForm.vue

@@ -169,6 +169,7 @@ export default {
         :placeholder="$t('SLA.FORM.NAME.PLACEHOLDER')"
         :error="slaNameErrorMessage"
         @input="v$.name.$touch"
+        @blur="v$.name.$touch"
       />
       <woot-input
         v-model="description"