Add autocomplete attrs to input fields

Signed-off-by: julia.kirschenheuter <[email protected]>

apps/settings/src/components/PersonalInfo/DisplayNameSection.vue

@@ -23,6 +23,7 @@
 <template>
 	<AccountPropertySection v-bind.sync="displayName"
 		:placeholder="t('settings', 'Your full name')"
+		autocomplete="username"
 		:is-editable="displayNameChangeSupported"
 		:on-validate="onValidate"
 		:on-save="onSave" />

apps/settings/src/components/PersonalInfo/EmailSection/Email.vue

@@ -26,11 +26,11 @@
 			<input :id="inputId"
 				ref="email"
 				type="email"
+				autocomplete="email"
 				:placeholder="inputPlaceholder"
 				:value="email"
 				:aria-describedby="helperText ? `${inputId}-helper-text` : ''"
 				autocapitalize="none"
-				autocomplete="on"
 				autocorrect="off"
 				@input="onEmailChange">
 

apps/settings/src/components/PersonalInfo/LocationSection.vue

@@ -22,6 +22,7 @@
 
 <template>
 	<AccountPropertySection v-bind.sync="location"
+		autocomplete="address-level1"
 		:placeholder="t('settings', 'Your location')" />
 </template>
 

apps/settings/src/components/PersonalInfo/OrganisationSection.vue

@@ -22,6 +22,7 @@
 
 <template>
 	<AccountPropertySection v-bind.sync="organisation"
+		autocomplete="organization"
 		:placeholder="t('settings', 'Your organisation')" />
 </template>
 

apps/settings/src/components/PersonalInfo/PhoneSection.vue

@@ -23,6 +23,7 @@
 <template>
 	<AccountPropertySection v-bind.sync="phone"
 		:placeholder="t('settings', 'Your phone number')"
+		autocomplete="tel"
 		type="tel"
 		:on-validate="onValidate" />
 </template>

apps/settings/src/components/PersonalInfo/RoleSection.vue

@@ -22,6 +22,7 @@
 
 <template>
 	<AccountPropertySection v-bind.sync="role"
+		autocomplete="organization-title"
 		:placeholder="t('settings', 'Your role')" />
 </template>
 

apps/settings/src/components/PersonalInfo/WebsiteSection.vue

@@ -23,6 +23,7 @@
 <template>
 	<AccountPropertySection v-bind.sync="website"
 		:placeholder="t('settings', 'Your website')"
+		autocomplete="url"
 		type="url"
 		:on-validate="onValidate" />
 </template>

apps/settings/src/components/PersonalInfo/shared/AccountPropertySection.vue

@@ -45,8 +45,8 @@
 				:value="value"
 				:aria-describedby="helperText ? `${name}-helper-text` : ''"
 				autocapitalize="none"
-				autocomplete="on"
 				autocorrect="off"
+				:autocomplete="autocomplete"
 				@input="onPropertyChange">
 
 			<div class="property__actions-container">
@@ -132,6 +132,10 @@ export default {
 			type: Function,
 			default: null,
 		},
+		autocomplete: {
+			type: String,
+			default: null,
+		},
 	},
 
 	data() {