From 067e3a79dba97a2b140f57a11c88a9415f0b7c50 Mon Sep 17 00:00:00 2001
From: Joshua Kiwiet-Pantaleoni <joshuak@kiva.org>
Date: Thu, 3 Oct 2024 10:45:37 -0700
Subject: [PATCH] fix: event names for listeners must be hyphenated

---
 src/components/BorrowerProfile/LendCta.vue                  | 2 +-
 src/components/Checkout/CheckoutDropInPaymentWrapper.vue    | 6 +++---
 src/components/Checkout/DonateRepaymentsToggle.vue          | 2 +-
 src/components/Checkout/KivaCreditGuestPayment.vue          | 4 ++--
 src/components/Checkout/LoanPrice.vue                       | 2 +-
 src/components/Checkout/TeamAttribution.vue                 | 2 +-
 .../LoansByCategory/QuickFilters/LocationSelector.vue       | 4 ++--
 src/components/MonthlyGood/MonthlyGoodSelectorMobile.vue    | 2 +-
 src/pages/Autolending/AutolendingWho.vue                    | 2 +-
 src/pages/LendingTeams/TeamListing.vue                      | 6 +++---
 src/pages/LoginAndRegister/RegisterSocial.vue               | 6 +++---
 src/pages/MonthlyGood/LandingForm.vue                       | 2 +-
 12 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/components/BorrowerProfile/LendCta.vue b/src/components/BorrowerProfile/LendCta.vue
index 6102ca6f66..d037c18e83 100644
--- a/src/components/BorrowerProfile/LendCta.vue
+++ b/src/components/BorrowerProfile/LendCta.vue
@@ -82,7 +82,7 @@
 										'click-Modify loan amount',
 										'open dialog'
 									]"
-									@update:modelValue="trackLendAmountSelection"
+									@update:model-value="trackLendAmountSelection"
 								>
 									<option
 										v-for="priceOption in prices"
diff --git a/src/components/Checkout/CheckoutDropInPaymentWrapper.vue b/src/components/Checkout/CheckoutDropInPaymentWrapper.vue
index a79760b78e..69d746d49f 100644
--- a/src/components/Checkout/CheckoutDropInPaymentWrapper.vue
+++ b/src/components/Checkout/CheckoutDropInPaymentWrapper.vue
@@ -57,7 +57,7 @@
 				<user-updates-preference
 					v-if="enableRadioBtnExperiment"
 					tracking-category="basket"
-					@update:modelValue="selectedComms = $event"
+					@update:model-value="selectedComms = $event"
 					is-checkout
 				/>
 				<template v-else>
@@ -67,7 +67,7 @@
 						name="termsAgreement"
 						class="checkbox tw-text-small tw-mb-2"
 						v-model="termsAgreement"
-						@update:modelValue="$kvTrackEvent(
+						@update:model-value="$kvTrackEvent(
 							'basket',
 							'click',
 							'terms-of-use',
@@ -98,7 +98,7 @@
 						class="checkbox tw-text-small tw-mb-2"
 						name="emailUpdates"
 						v-model="emailUpdates"
-						@update:modelValue="$kvTrackEvent(
+						@update:model-value="$kvTrackEvent(
 							'basket',
 							'click',
 							'marketing-updates',
diff --git a/src/components/Checkout/DonateRepaymentsToggle.vue b/src/components/Checkout/DonateRepaymentsToggle.vue
index 1e83533f27..70c6a076b5 100644
--- a/src/components/Checkout/DonateRepaymentsToggle.vue
+++ b/src/components/Checkout/DonateRepaymentsToggle.vue
@@ -21,7 +21,7 @@
 				data-testid="donate-repayments"
 				v-if="!myDonateRepayments"
 				v-model="donateRepayments"
-				@update:modelValue="setDonateRepayments"
+				@update:model-value="setDonateRepayments"
 			>
 				<span
 					id="donate-repayments-tooltip"
diff --git a/src/components/Checkout/KivaCreditGuestPayment.vue b/src/components/Checkout/KivaCreditGuestPayment.vue
index b89b510ba2..aafe8cf23e 100644
--- a/src/components/Checkout/KivaCreditGuestPayment.vue
+++ b/src/components/Checkout/KivaCreditGuestPayment.vue
@@ -31,7 +31,7 @@
 				name="termsAgreement"
 				class="checkbox tw-text-small tw-mb-2"
 				v-model="termsAgreement"
-				@update:modelValue="$kvTrackEvent(
+				@update:model-value="$kvTrackEvent(
 					'basket',
 					'click-terms-of-use',
 					'I have read and agree to the Terms of Use and Privacy Policy.',
@@ -61,7 +61,7 @@
 				class="checkbox tw-text-small tw-mb-2"
 				name="emailUpdates"
 				v-model="emailUpdates"
-				@update:modelValue="$kvTrackEvent(
+				@update:model-value="$kvTrackEvent(
 					'basket',
 					'click-marketing-updates',
 					'Receive email updates from Kiva (including borrower updates and promos). You can unsubscribe anytime.', // eslint-disable-line
diff --git a/src/components/Checkout/LoanPrice.vue b/src/components/Checkout/LoanPrice.vue
index 70679a04ac..5a67566582 100644
--- a/src/components/Checkout/LoanPrice.vue
+++ b/src/components/Checkout/LoanPrice.vue
@@ -7,7 +7,7 @@
 				class="loan-price tw-w-full"
 				style="max-width: 18rem;"
 				id="loan-price"
-				@update:modelValue="updateLoanReservation()"
+				@update:model-value="updateLoanReservation()"
 			>
 				<option
 					v-for="priceOption in prices"
diff --git a/src/components/Checkout/TeamAttribution.vue b/src/components/Checkout/TeamAttribution.vue
index 6b874b9622..1ab55cda63 100644
--- a/src/components/Checkout/TeamAttribution.vue
+++ b/src/components/Checkout/TeamAttribution.vue
@@ -8,7 +8,7 @@
 				v-model="selectedId"
 				class="team-select-dd data-hj-suppress tw-float-left"
 				style="max-width: rem-calc(250);"
-				@update:modelValue="updateLoanReservation()"
+				@update:model-value="updateLoanReservation()"
 			>
 				<option value="0">
 					None
diff --git a/src/components/LoansByCategory/QuickFilters/LocationSelector.vue b/src/components/LoansByCategory/QuickFilters/LocationSelector.vue
index 2232b0645c..a0d3caf3c9 100644
--- a/src/components/LoansByCategory/QuickFilters/LocationSelector.vue
+++ b/src/components/LoansByCategory/QuickFilters/LocationSelector.vue
@@ -103,7 +103,7 @@
 										:items="getItems(region.countries)"
 										:selected-values="selectedCountries"
 										@updated="updateCountries($event)"
-										@closeRegions="toggleRegions()"
+										@close-regions="toggleRegions()"
 									/>
 								</div>
 							</div>
@@ -130,7 +130,7 @@
 					:items="getItems(activeCountries)"
 					:selected-values="selectedCountries"
 					@updated="updateCountries($event)"
-					@closeRegions="toggleRegions()"
+					@close-regions="toggleRegions()"
 				/>
 				<div class="tw-flex tw-gap-2 tw-justify-end">
 					<button @click="selectedCountries = []" class="tw-text-link">
diff --git a/src/components/MonthlyGood/MonthlyGoodSelectorMobile.vue b/src/components/MonthlyGood/MonthlyGoodSelectorMobile.vue
index b45ad983d6..ff6f167839 100644
--- a/src/components/MonthlyGood/MonthlyGoodSelectorMobile.vue
+++ b/src/components/MonthlyGood/MonthlyGoodSelectorMobile.vue
@@ -68,7 +68,7 @@
 					id="mgAmountDropdown"
 					class="tw-w-full"
 					v-model.number="mgAmount"
-					@update:modelValue="trackMgAmountSelection"
+					@update:model-value="trackMgAmountSelection"
 				>
 					<option
 						v-for="(option, index) in mgAmountOptions"
diff --git a/src/pages/Autolending/AutolendingWho.vue b/src/pages/Autolending/AutolendingWho.vue
index cda0c4676b..37619a1ea7 100644
--- a/src/pages/Autolending/AutolendingWho.vue
+++ b/src/pages/Autolending/AutolendingWho.vue
@@ -114,7 +114,7 @@
 				<template #controls>
 					<div class="row">
 						<div class="columns shrink">
-							<save-button @autolendingSaved="settingsSaved" />
+							<save-button @autolending-saved="settingsSaved" />
 						</div>
 						<div class="columns" v-show="!kivaChooses">
 							<inline-counter />
diff --git a/src/pages/LendingTeams/TeamListing.vue b/src/pages/LendingTeams/TeamListing.vue
index e1d327c2ba..a525bff755 100644
--- a/src/pages/LendingTeams/TeamListing.vue
+++ b/src/pages/LendingTeams/TeamListing.vue
@@ -21,7 +21,7 @@
 				<kv-select
 					id="category"
 					v-model="teamCategory"
-					@update:modelValue="pushChangesToUrl"
+					@update:model-value="pushChangesToUrl"
 					v-kv-track-event="['teams', 'filter', 'teams-search', teamCategory]"
 				>
 					<option v-for="(category, index) in teamCategories" :key="index" :value="category.value">
@@ -33,7 +33,7 @@
 				<kv-select
 					id="categoryTeams"
 					v-model="teamOption"
-					@update:modelValue="pushChangesToUrl"
+					@update:model-value="pushChangesToUrl"
 					v-kv-track-event="['teams', 'filter', 'teams-search', teamOption]"
 				>
 					<option value="">
@@ -56,7 +56,7 @@
 				<div>
 					<kv-select
 						id="categorySort" v-model="teamSort"
-						@update:modelValue="pushChangesToUrl"
+						@update:model-value="pushChangesToUrl"
 					>
 						<!-- <option value="recentActivityScore">
 							Recent Activity
diff --git a/src/pages/LoginAndRegister/RegisterSocial.vue b/src/pages/LoginAndRegister/RegisterSocial.vue
index 648b972b69..a44b59c9ae 100644
--- a/src/pages/LoginAndRegister/RegisterSocial.vue
+++ b/src/pages/LoginAndRegister/RegisterSocial.vue
@@ -70,7 +70,7 @@
 				<user-updates-preference
 					v-if="enableRadioBtnExperiment"
 					tracking-category="authentication"
-					@update:modelValue="selectedComms = $event"
+					@update:model-value="selectedComms = $event"
 				/>
 				<input
 					v-if="enableRadioBtnExperiment"
@@ -86,7 +86,7 @@
 						v-show="needsTerms"
 						v-model="newAcctTerms"
 						:validation="v$.newAcctTerms"
-						@update:modelValue="$kvTrackEvent(
+						@update:model-value="$kvTrackEvent(
 							'authentication',
 							'click',
 							'terms-of-use',
@@ -111,7 +111,7 @@
 						type="checkbox"
 						v-show="needsNews"
 						v-model="newsConsent"
-						@update:modelValue="$kvTrackEvent(
+						@update:model-value="$kvTrackEvent(
 							'authentication',
 							'click',
 							'marketing-updates',
diff --git a/src/pages/MonthlyGood/LandingForm.vue b/src/pages/MonthlyGood/LandingForm.vue
index 5bd2515f85..938521da6a 100644
--- a/src/pages/MonthlyGood/LandingForm.vue
+++ b/src/pages/MonthlyGood/LandingForm.vue
@@ -9,7 +9,7 @@
 				<kv-select
 					class="tw-w-full" id="borrower-categories"
 					:model-value="selectedGroup"
-					@update:modelValue="updateSelected"
+					@update:model-value="updateSelected"
 				>
 					<option v-for="(option, index) in lendingCategories" :value="option.value" :key="index">
 						{{ option.label }}