Add new i18n keys for items with email

src/components/pages/Contact.vue

@@ -65,7 +65,7 @@
 						type="text"
 						input-id="email"
 						name="email"
-						:placeholder="$t( 'form_for_example', { example: $t( 'contact_form_email_placeholder' ) } )"
+						:placeholder="$t( 'form_for_example', { example: $t( 'contact_form_email_placeholder_vuei18n_v3' ) } )"
 						v-model="formData.email.value"
 						:has-error="formData.email.validity === Validity.INVALID"
 					/>

src/components/pages/DonationCancellation.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="donation-cancellation-confirmation">
 		<h1 class="title">{{ $t('donation_cancellation_title') }}</h1>
-		<span v-html="$t( 'donation_cancellation_text', { donation_id: cancellationData.donationId, } )"></span>
+		<span v-html="$t( 'donation_cancellation_text_vuei18n_v3', { donation_id: cancellationData.donationId, } )"></span>
 	</div>
 </template>
 

src/components/pages/MembershipCancellation.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="membership-cancellation-confirmation">
 		<h1 class="title">{{ $t('membership_cancellation_title') }}</h1>
-		<span v-html="$t( 'membership_cancellation_text', { membership_id: cancellationData.membershipId, } )"></span>
+		<span v-html="$t( 'membership_cancellation_text_vuei18n_v3', { membership_id: cancellationData.membershipId, } )"></span>
 	</div>
 </template>
 

src/components/pages/UpdateAddressSuccess.vue

@@ -2,7 +2,7 @@
 	<div class="update-address-confirmation">
 		<h1 class="title">{{ $t( 'address_change_form_success_title' ) }}</h1>
 		<span v-if="donationReceipt === '1'">{{ $t( 'address_change_form_success_label' ) }}</span>
-		<span v-else>{{ $t( 'address_change_form_success_optout_label' ) }}</span>
+		<span v-else>{{ $t( 'address_change_form_success_optout_label_vuei18n_v3' ) }}</span>
 	</div>
 </template>
 

src/components/pages/donation_confirmation/AddressUsageToggle.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="address-usage-toggle" :class="{ 'open': contentOpen }">
 		<a href="#" v-on:click="toggleContent" class="address-usage-toggle-link">{{ $t('donation_confirmation_address_usage_link') }}</a>
-		<div class="address-usage-toggle-content">{{ $t('donation_confirmation_address_usage_content') }}</div>
+		<div class="address-usage-toggle-content">{{ $t('donation_confirmation_address_usage_content_vuei18n_v3') }}</div>
     </div>
 </template>
 

src/components/pages/donation_form/NewsletterOption.vue

@@ -10,7 +10,7 @@
 		>
 			<strong>{{ $t( 'donation_form_newsletter_label_paragraph_1' ) }}</strong>
 		</FunCheckbox>
-		<label class="has-padding-left-36 checkbox"  v-html="$t( 'donation_form_newsletter_label_paragraph_2' )" for="newsletter"></label>
+		<label class="has-padding-left-36 checkbox"  v-html="$t( 'donation_form_newsletter_label_paragraph_2_vuei18n_v3' )" for="newsletter"></label>
 	</div>
 
 </template>

src/components/pages/donation_form/subpages/AddressPageDonationReceipt.vue

@@ -33,7 +33,7 @@
 					<template #message>
 						<ValueEqualsPlaceholderWarning
 							:value="formData.email.value"
-							:placeholder="$t( 'donation_form_email_placeholder' )"
+							:placeholder="$t( 'donation_form_email_placeholder_vuei18n_v3' )"
 							warning="donation_form_email_placeholder_warning"
 						/>
 					</template>

src/components/shared/EmailAddress.vue

@@ -5,7 +5,7 @@
 			<TextInput
 				type="text"
 				input-id="email"
-				:placeholder="$t( 'form_for_example', { example: $t( 'donation_form_email_placeholder' ) } )"
+				:placeholder="$t( 'form_for_example', { example: $t( 'donation_form_email_placeholder_vuei18n_v3' ) } )"
 				autocomplete="email"
 				v-model="formData.email.value"
 				:has-error="showError"
@@ -19,7 +19,7 @@
 		<span v-if="showError" class="help is-danger error-email">{{ $t( 'donation_form_email_error' ) }}</span>
 		<ValueEqualsPlaceholderWarning
 			:value="formData.email.value"
-			:placeholder="$t( 'donation_form_email_placeholder' )"
+			:placeholder="$t( 'donation_form_email_placeholder_vuei18n_v3' )"
 			:warning="'donation_form_email_placeholder_warning'"
 		/>
     </div>

src/components/shared/form_fields/EmailField.vue

@@ -6,7 +6,7 @@
 				input-type="text"
 				input-id="email"
 				name="email"
-				:placeholder="$t( 'form_for_example', { example: $t( 'donation_form_email_placeholder' ) } )"
+				:placeholder="$t( 'form_for_example', { example: $t( 'donation_form_email_placeholder_vuei18n_v3' ) } )"
 				autocomplete="email"
 				v-model="fieldModel"
 				:has-error="showError"

src/components/shared/form_fields/MailingListField.vue

@@ -8,7 +8,7 @@
 		>
 			<span class="form-field-newsletter-label-content">
 				<strong>{{ $t( 'donation_form_newsletter_label_paragraph_1' ) }}</strong>
-				<span v-html="$t( 'donation_form_newsletter_label_paragraph_2' )"/>
+				<span v-html="$t( 'donation_form_newsletter_label_paragraph_2_vuei18n_v3' )"/>
 			</span>
 		</CheckboxSingleFormInput>
 	</div>