fix: event names for listeners must be hyphenated

kiva · Oct 3, 2024 · 067e3a7 · 067e3a7
1 parent 7102be7
commit 067e3a7
Show file tree

Hide file tree

Showing 12 changed files with 20 additions and 20 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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 }}