From 1d21fe0d45bfedb34fe1be342e0d0a66e359170c Mon Sep 17 00:00:00 2001
From: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
Date: Fri, 20 Mar 2026 12:46:32 -0300
Subject: [PATCH 1/8] test(vue): update AdminSupportBanner spec to assert
 direct markup with inline t()

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
---
 .../admin/AdminSupportBanner.spec.ts          | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/tests/components/admin/AdminSupportBanner.spec.ts b/src/tests/components/admin/AdminSupportBanner.spec.ts
index 00a7996..d7f747a 100644
--- a/src/tests/components/admin/AdminSupportBanner.spec.ts
+++ b/src/tests/components/admin/AdminSupportBanner.spec.ts
@@ -6,6 +6,16 @@ import { mount } from '@vue/test-utils'
 import { defineComponent, nextTick } from 'vue'
 import AdminSupportBanner from '../../../components/AdminSupportBanner.vue'
 
+vi.mock('@nextcloud/l10n', () => ({
+	t: (_app: string, text: string, parameters?: Record<string, string>) => {
+		if (parameters === undefined) {
+			return `tr:${text}`
+		}
+
+		return Object.entries(parameters).reduce((translated, [key, value]) => translated.replace(`{${key}}`, value), `tr:${text}`)
+	},
+}))
+
 vi.mock('@nextcloud/vue', () => ({
 	NcButton: defineComponent({
 		name: 'NcButton',
@@ -24,6 +34,15 @@ afterEach(() => {
 })
 
 describe('AdminSupportBanner', () => {
+	it('renders translated copy and actions', () => {
+		const wrapper = mount(AdminSupportBanner)
+
+		expect(wrapper.text()).toContain('tr:Help keep Profile Fields sustainable.')
+		expect(wrapper.text()).toContain('tr:Sponsor LibreSign')
+		expect(wrapper.text()).toContain('tr:Maybe later')
+		expect(wrapper.text()).toContain('tr:Give Profile Fields a star on GitHub')
+	})
+
 	it('opens sponsor page when sponsor button is clicked', async() => {
 		const openSpy = vi.spyOn(window, 'open').mockImplementation(() => null)
 		const wrapper = mount(AdminSupportBanner)

From aa8d2c9e47117412f05ad47cc1cd865095f06660 Mon Sep 17 00:00:00 2001
From: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
Date: Fri, 20 Mar 2026 12:46:37 -0300
Subject: [PATCH 2/8] test(vue): update AdminSelectOptionsSection spec to
 assert inline t() labels

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
---
 .../admin/AdminSelectOptionsSection.spec.ts   | 42 +++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/src/tests/components/admin/AdminSelectOptionsSection.spec.ts b/src/tests/components/admin/AdminSelectOptionsSection.spec.ts
index 7eb7036..15f4fd1 100644
--- a/src/tests/components/admin/AdminSelectOptionsSection.spec.ts
+++ b/src/tests/components/admin/AdminSelectOptionsSection.spec.ts
@@ -6,6 +6,24 @@ import { mount } from '@vue/test-utils'
 import { defineComponent } from 'vue'
 import AdminSelectOptionsSection from '../../../components/admin/AdminSelectOptionsSection.vue'
 
+vi.mock('@nextcloud/l10n', () => ({
+	n: (_app: string, singular: string, plural: string, count: number, parameters?: Record<string, string | number>) => {
+		const template = count === 1 ? singular : plural
+		if (parameters === undefined) {
+			return `tr:${template}`
+		}
+
+		return Object.entries(parameters).reduce((translated, [key, value]) => translated.replace(`{${key}}`, String(value)), `tr:${template}`)
+	},
+	t: (_app: string, text: string, parameters?: Record<string, string | number>) => {
+		if (parameters === undefined) {
+			return `tr:${text}`
+		}
+
+		return Object.entries(parameters).reduce((translated, [key, value]) => translated.replace(`{${key}}`, String(value)), `tr:${text}`)
+	},
+}))
+
 vi.mock('@nextcloud/vue', () => ({
 	NcActionButton: defineComponent({ template: '<div><slot /><slot name="icon" /></div>' }),
 	NcActions: defineComponent({ template: '<div><slot /><slot name="icon" /></div>' }),
@@ -38,6 +56,30 @@ const DraggableStub = defineComponent({
 })
 
 describe('AdminSelectOptionsSection', () => {
+	it('renders translated headings and pluralized meta', () => {
+		const wrapper = mount(AdminSelectOptionsSection, {
+			props: {
+				modelValue: [{ id: 'option-0', value: 'Alpha' }],
+				isSaving: false,
+			},
+			global: {
+				stubs: {
+					Draggable: DraggableStub,
+					NcDialog: false,
+					NcTextArea: false,
+					NcActionButton: false,
+					NcActions: false,
+					NcIconSvgWrapper: false,
+					NcInputField: false,
+				},
+			},
+		})
+
+		expect(wrapper.text()).toContain('tr:Options')
+		expect(wrapper.text()).toContain('tr:option')
+		expect(wrapper.text()).toContain('tr:Add single option')
+	})
+
 	it('emits updated model when adding a new option', async() => {
 		const wrapper = mount(AdminSelectOptionsSection, {
 			props: {

From 2e37650a8e35598a7d91be480a1b6448c073eca0 Mon Sep 17 00:00:00 2001
From: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
Date: Fri, 20 Mar 2026 12:46:42 -0300
Subject: [PATCH 3/8] refactor(vue): inline t() directly in visibilityOptions
 labels

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
---
 src/utils/visibilityOptions.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/utils/visibilityOptions.ts b/src/utils/visibilityOptions.ts
index 6702454..13f6d19 100644
--- a/src/utils/visibilityOptions.ts
+++ b/src/utils/visibilityOptions.ts
@@ -1,6 +1,7 @@
 // SPDX-FileCopyrightText: 2026 LibreCode coop and LibreCode contributors
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
+import { t } from '@nextcloud/l10n'
 import type { FieldVisibility } from '../types'
 
 export type VisibilityOption = {
@@ -9,7 +10,7 @@ export type VisibilityOption = {
 }
 
 export const visibilityOptions: VisibilityOption[] = [
-	{ value: 'public', label: 'Show to everyone' },
-	{ value: 'users', label: 'Show to logged in accounts only' },
-	{ value: 'private', label: 'Hide' },
+	{ value: 'public', label: t('profile_fields', 'Show to everyone') },
+	{ value: 'users', label: t('profile_fields', 'Show to logged in accounts only') },
+	{ value: 'private', label: t('profile_fields', 'Hide') },
 ]

From c1b90ad83fe1bd0c8f4a486585fa49eb51a221ea Mon Sep 17 00:00:00 2001
From: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
Date: Fri, 20 Mar 2026 12:46:42 -0300
Subject: [PATCH 4/8] refactor(vue): inline t() directly in AdminSupportBanner,
 remove v-for arrays

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
---
 src/components/AdminSupportBanner.vue | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/AdminSupportBanner.vue b/src/components/AdminSupportBanner.vue
index acd878a..6f0a30a 100644
--- a/src/components/AdminSupportBanner.vue
+++ b/src/components/AdminSupportBanner.vue
@@ -7,25 +7,27 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 	<NcNoteCard v-if="isVisible" type="info" data-testid="profile-fields-admin-support-banner">
 		<div class="profile-fields-admin-support-banner">
 			<div class="profile-fields-admin-support-banner__copy">
-				<p><strong>Help keep Profile Fields sustainable.</strong></p>
-				<p>Profile Fields is open source under the AGPL license and maintained by the LibreCode team, creators of LibreSign.</p>
-				<p>If your organization depends on it, please help us sustain its development and maintenance.</p>
+				<p><strong>{{ t('profile_fields', 'Help keep Profile Fields sustainable.') }}</strong></p>
+				<p>{{ t('profile_fields', 'Profile Fields is open source under the AGPL license and maintained by the LibreCode team, creators of LibreSign.') }}</p>
+				<p>{{ t('profile_fields', 'If your organization depends on it, please help us sustain its development and maintenance.') }}</p>
 
 				<div class="profile-fields-admin-support-banner__actions">
 					<NcButton class="profile-fields-admin-support-banner__action" variant="primary" @click="openSponsorPage">
-						Sponsor LibreSign
+						{{ t('profile_fields', 'Sponsor LibreSign') }}
 					</NcButton>
 
 					<NcButton class="profile-fields-admin-support-banner__dismiss" variant="tertiary-no-background" @click="dismissBanner">
-						Maybe later
+						{{ t('profile_fields', 'Maybe later') }}
 					</NcButton>
 				</div>
 
 				<div class="profile-fields-admin-support-banner__links">
 					<a href="https://github.com/LibreCodeCoop/profile_fields" target="_blank" rel="noopener noreferrer nofollow">
-						Give Profile Fields a ⭐ on GitHub
+						{{ t('profile_fields', 'Give Profile Fields a ⭐ on GitHub') }}
+					</a>
+					<a href="mailto:contact@librecode.coop">
+						{{ t('profile_fields', 'Contact us for support or custom development') }}
 					</a>
-					<a href="mailto:contact@librecode.coop">Contact us for support or custom development</a>
 				</div>
 			</div>
 		</div>
@@ -34,6 +36,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 
 <script setup lang="ts">
 import { onMounted, ref } from 'vue'
+import { t } from '@nextcloud/l10n'
 import { NcButton, NcNoteCard } from '@nextcloud/vue'
 
 const props = withDefaults(defineProps<{

From 4bb27a761cf0a99a7e3214c57e0b702e2a5db9d1 Mon Sep 17 00:00:00 2001
From: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
Date: Fri, 20 Mar 2026 12:46:48 -0300
Subject: [PATCH 5/8] refactor(vue): inline t() directly in
 AdminUserFieldsDialog, export t from setup()

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
---
 src/components/AdminUserFieldsDialog.vue | 77 ++++++++++++------------
 1 file changed, 40 insertions(+), 37 deletions(-)

diff --git a/src/components/AdminUserFieldsDialog.vue b/src/components/AdminUserFieldsDialog.vue
index f1a2750..4da7dc2 100644
--- a/src/components/AdminUserFieldsDialog.vue
+++ b/src/components/AdminUserFieldsDialog.vue
@@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 	<NcDialog
 		:open="open"
 		size="large"
-		:name="title"
+		:name="t('profile_fields', 'Edit additional profile fields')"
 		content-classes="profile-fields-user-dialog__content"
 		@update:open="updateOpen">
 		<div class="profile-fields-user-dialog">
@@ -31,13 +31,13 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 
 			<div v-if="isLoading" class="profile-fields-user-dialog__loading">
 				<NcLoadingIcon :size="32" />
-				<span>Loading profile fields for {{ userUid }}...</span>
+				<span>{{ loadingMessage }}</span>
 			</div>
 
 			<NcEmptyContent
 				v-else-if="editableFields.length === 0"
-				name="No editable fields"
-				description="Create and enable fields in the admin catalog. They will appear here automatically." />
+				:name="t('profile_fields', 'No editable fields')"
+				:description="t('profile_fields', 'Create and enable fields in the admin catalog. They will appear here automatically.')" />
 
 			<div v-else class="profile-fields-user-dialog__list">
 				<article v-for="field in editableFields" :key="field.definition.id" class="profile-fields-user-dialog__row" :class="{ 'profile-fields-user-dialog__row--error': fieldHasError(field) }">
@@ -75,7 +75,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 						/>
 
 						<div class="profile-fields-user-dialog__visibility-control" :class="{ 'profile-fields-user-dialog__visibility-control--error': fieldHasError(field) }">
-							<label class="profile-fields-user-dialog__control-label" :for="`profile-fields-user-dialog-visibility-${field.definition.id}`">{{ visibilityControlLabel }}</label>
+							<label class="profile-fields-user-dialog__control-label" :for="`profile-fields-user-dialog-visibility-${field.definition.id}`">{{ t('profile_fields', 'Who can see this') }}</label>
 							<NcSelect
 								:input-id="`profile-fields-user-dialog-visibility-${field.definition.id}`"
 								:model-value="visibilityOptionFor(field.definition.id)"
@@ -94,10 +94,10 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 
 		<template #actions>
 			<NcButton @click="closeDialog">
-				Cancel
+				{{ t('profile_fields', 'Cancel') }}
 			</NcButton>
 			<NcButton variant="primary" :disabled="!hasPendingChanges || hasInvalidFields || isSavingAny || isLoading" @click="saveAllFields">
-				{{ isSavingAny ? 'Saving changes...' : 'Save changes' }}
+				{{ isSavingAny ? t('profile_fields', 'Saving changes...') : t('profile_fields', 'Save changes') }}
 			</NcButton>
 		</template>
 	</NcDialog>
@@ -105,7 +105,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 
 <script lang="ts">
 import { computed, defineComponent, reactive, ref, watch } from 'vue'
-import { t } from '@nextcloud/l10n'
+import { n, t } from '@nextcloud/l10n'
 import NcAvatar from '@nextcloud/vue/components/NcAvatar'
 import { NcButton, NcDialog, NcEmptyContent, NcInputField, NcLoadingIcon, NcNoteCard, NcSelect } from '@nextcloud/vue'
 import { listAdminUserValues, listDefinitions, upsertAdminUserValue } from '../api'
@@ -144,7 +144,6 @@ export default defineComponent({
 		'update:open': (value: boolean) => typeof value === 'boolean',
 	},
 	setup(props: { open: boolean, userUid: string, userDisplayName: string }, { emit }: { emit: (event: 'update:open', value: boolean) => void }) {
-		const visibilityControlLabel = t('profile_fields', 'Who can see this')
 		const definitions = ref<FieldDefinition[]>([])
 		const userValues = ref<FieldValueRecord[]>([])
 		const isLoading = ref(false)
@@ -156,18 +155,20 @@ export default defineComponent({
 		const userDraftValues = reactive<Record<number, string>>({})
 		const userDraftVisibilities = reactive<Record<number, FieldVisibility>>({})
 
-		const title = computed(() => 'Edit additional profile fields')
 		const headerUserName = computed(() => props.userDisplayName.trim() !== '' ? props.userDisplayName : props.userUid)
+		const loadingMessage = computed(() => t('profile_fields', 'Loading profile fields for {userUid}...', { userUid: props.userUid }))
 		const editableFields = computed<AdminEditableField[]>(() => buildAdminEditableFields(definitions.value, userValues.value))
 		const isSavingAny = computed(() => savingIds.value.length > 0)
 		const headerDescription = computed(() => {
 			if (props.userUid === '') {
-				return 'Update additional profile fields for the selected account.'
+				return t('profile_fields', 'Update additional profile fields for the selected account.')
 			}
 
 			const count = editableFields.value.length
-			const label = count === 1 ? '1 editable field' : `${count} editable fields`
-			return `${label} for @${props.userUid}.`
+			return n('profile_fields', '{count} editable field for @{userUid}.', '{count} editable fields for @{userUid}.', count, {
+				count,
+				userUid: props.userUid,
+			})
 		})
 
 		const clearRecord = (record: Record<string | number, unknown>) => {
@@ -177,15 +178,15 @@ export default defineComponent({
 		}
 
 		const descriptionForType = (type: FieldType): string => ({
-			text: 'Free text stored as a scalar value.',
-			number: 'Only numeric values are accepted.',
-			select: 'Choose one of the predefined options.',
+			text: t('profile_fields', 'Free text stored as a scalar value.'),
+			number: t('profile_fields', 'Only numeric values are accepted.'),
+			select: t('profile_fields', 'Choose one of the predefined options.'),
 		} as Record<FieldType, string>)[type]
 
 		const placeholderForField = (type: FieldType): string => ({
-			text: 'Enter a value',
-			number: 'Enter a number',
-			select: 'Select an option',
+			text: t('profile_fields', 'Enter a value'),
+			number: t('profile_fields', 'Enter a number'),
+			select: t('profile_fields', 'Select an option'),
 		} as Record<FieldType, string>)[type]
 
 		const plainNumberPattern = /^-?\d+(\.\d+)?$/
@@ -219,13 +220,13 @@ export default defineComponent({
 			}
 
 			if (field.definition.type === 'number' && !plainNumberPattern.test(rawValue)) {
-				return `${field.definition.label} must be a plain numeric value.`
+				return t('profile_fields', '{fieldLabel} must be a plain numeric value.', { fieldLabel: field.definition.label })
 			}
 
 			if (field.definition.type === 'select') {
 				const options = field.definition.options ?? []
 				if (!options.includes(rawValue)) {
-					return `${field.definition.label} must be one of the allowed options.`
+					return t('profile_fields', '{fieldLabel} must be one of the allowed options.', { fieldLabel: field.definition.label })
 				}
 			}
 
@@ -282,7 +283,7 @@ export default defineComponent({
 				clearRecord(userDraftVisibilities)
 				editableFields.value.forEach(normaliseDraft)
 			} catch (error) {
-				errorMessage.value = error instanceof Error ? error.message : 'Could not load profile fields for this user.'
+				errorMessage.value = error instanceof Error ? error.message : t('profile_fields', 'Could not load profile fields for this user.')
 			} finally {
 				isLoading.value = false
 			}
@@ -305,10 +306,12 @@ export default defineComponent({
 
 		const formatFieldErrorMessage = (field: AdminEditableField, message: string) => {
 			return ({
-				'text fields expect a scalar value': `${field.definition.label} must be plain text.`,
-				'number fields expect a numeric value': `${field.definition.label} must be a numeric value.`,
-				'current_visibility is not supported': 'The selected visibility is not supported.',
-			}[message] ?? (message.includes('is not a valid option') ? `${field.definition.label}: invalid option selected.` : `${field.definition.label}: ${message}`))
+				'text fields expect a scalar value': t('profile_fields', '{fieldLabel} must be plain text.', { fieldLabel: field.definition.label }),
+				'number fields expect a numeric value': t('profile_fields', '{fieldLabel} must be a numeric value.', { fieldLabel: field.definition.label }),
+				'current_visibility is not supported': t('profile_fields', 'The selected visibility is not supported.'),
+			}[message] ?? (message.includes('is not a valid option')
+				? t('profile_fields', '{fieldLabel}: invalid option selected.', { fieldLabel: field.definition.label })
+				: t('profile_fields', '{fieldLabel}: {message}', { fieldLabel: field.definition.label, message })))
 		}
 
 		const extractApiMessage = (error: unknown) => {
@@ -349,7 +352,7 @@ export default defineComponent({
 				}
 
 				if (!plainNumberPattern.test(rawValue)) {
-					throw new Error('Numeric fields only accept plain numbers.')
+					throw new Error(t('profile_fields', 'Numeric fields only accept plain numbers.'))
 				}
 
 				const numericValue = Number(rawValue)
@@ -397,7 +400,7 @@ export default defineComponent({
 				userValues.value = nextValues
 				normaliseDraft({ definition: field.definition, value: saved })
 			} catch (error) {
-				userValueErrors[fieldId] = formatFieldErrorMessage(field, extractApiMessage(error) ?? 'Could not save this field value. Please try again.')
+				userValueErrors[fieldId] = formatFieldErrorMessage(field, extractApiMessage(error) ?? t('profile_fields', 'Could not save this field value. Please try again.'))
 			} finally {
 				savingIds.value = savingIds.value.filter((value: number) => value !== fieldId)
 			}
@@ -429,9 +432,9 @@ export default defineComponent({
 					}
 				})
 
-				errorMessage.value = invalidChangedFields.length === 1
-					? 'Fix the invalid field before saving.'
-					: 'Fix the invalid fields before saving.'
+				errorMessage.value = n('profile_fields', 'Fix the invalid field before saving.', 'Fix the invalid fields before saving.', invalidChangedFields.length, {
+					count: invalidChangedFields.length,
+				})
 				return
 			}
 
@@ -441,11 +444,11 @@ export default defineComponent({
 
 			const hasFieldErrors = changedFields.some((field: AdminEditableField) => Boolean(userValueErrors[field.definition.id]))
 			if (!hasFieldErrors) {
-				successMessage.value = `Saved profile fields for ${props.userUid}.`
+				successMessage.value = t('profile_fields', 'Saved profile fields for {userUid}.', { userUid: props.userUid })
 			} else {
-				errorMessage.value = changedFields.length === 1
-					? 'The field could not be saved.'
-					: 'Some fields could not be saved. Review the messages below.'
+				errorMessage.value = n('profile_fields', 'The field could not be saved.', 'Some fields could not be saved. Review the messages below.', changedFields.length, {
+					count: changedFields.length,
+				})
 			}
 		}
 
@@ -465,12 +468,13 @@ export default defineComponent({
 		)
 
 		return {
+			t,
 			closeDialog,
 			editableFields,
 			errorMessage,
 			headerDescription,
 			headerUserName,
-			visibilityControlLabel,
+			loadingMessage,
 			hasPendingChanges,
 			hasInvalidFields,
 			helperTextForField,
@@ -480,7 +484,6 @@ export default defineComponent({
 			placeholderForField,
 			saveAllFields,
 			successMessage,
-			title,
 			updateOpen,
 			updateVisibility,
 			clearFieldError,

From 6ae4ea1c966b7358bf586632f89c6cced6516548 Mon Sep 17 00:00:00 2001
From: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
Date: Fri, 20 Mar 2026 12:46:48 -0300
Subject: [PATCH 6/8] refactor(vue): inline t() directly in
 AdminSelectOptionsSection, remove const labels

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
---
 .../admin/AdminSelectOptionsSection.vue       | 54 ++++++++++---------
 1 file changed, 30 insertions(+), 24 deletions(-)

diff --git a/src/components/admin/AdminSelectOptionsSection.vue b/src/components/admin/AdminSelectOptionsSection.vue
index 45bd1b3..35e680f 100644
--- a/src/components/admin/AdminSelectOptionsSection.vue
+++ b/src/components/admin/AdminSelectOptionsSection.vue
@@ -7,11 +7,11 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 	<section class="profile-fields-admin-options">
 		<div class="profile-fields-admin-options__heading">
 			<div>
-				<h4>Options</h4>
+				<h4>{{ t('profile_fields', 'Options') }}</h4>
 			</div>
 			<div class="profile-fields-admin-options__meta">
 				<strong>{{ normalizedOptionCount }}</strong>
-				<span>{{ normalizedOptionCount === 1 ? 'option' : 'options' }}</span>
+				<span>{{ optionsCountLabel }}</span>
 			</div>
 		</div>
 
@@ -35,7 +35,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 							:data-testid="`profile-fields-admin-option-handle-${index}`"
 							variant="tertiary-no-background"
 							size="small"
-							:aria-label="`Reorder option ${element.value}`">
+							:aria-label="reorderOptionLabel(element.value)">
 							<template #icon>
 								<NcIconSvgWrapper :path="mdiDragVertical" :size="18" />
 							</template>
@@ -43,24 +43,24 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 								<template #icon>
 									<NcIconSvgWrapper :path="mdiArrowUp" :size="18" />
 								</template>
-								Move up
-							</NcActionButton>
-							<NcActionButton :disabled="!canMoveOptionDown(index) || isSaving" @click="moveOption(index, 1)">
-								<template #icon>
-									<NcIconSvgWrapper :path="mdiArrowDown" :size="18" />
-								</template>
-								Move down
+							{{ t('profile_fields', 'Move up') }}
+						</NcActionButton>
+						<NcActionButton :disabled="!canMoveOptionDown(index) || isSaving" @click="moveOption(index, 1)">
+							<template #icon>
+								<NcIconSvgWrapper :path="mdiArrowDown" :size="18" />
+							</template>
+							{{ t('profile_fields', 'Move down') }}
 							</NcActionButton>
 						</NcActions>
 						<div v-else class="profile-fields-admin-options__handle-spacer" aria-hidden="true" />
 					</div>
 					<NcInputField
 						:model-value="element.value"
-						label="Option value"
+						:label="t('profile_fields', 'Option value')"
 						label-outside
-						:placeholder="`Option ${index + 1}`"
+						:placeholder="optionPlaceholder(index + 1)"
 						:error="isOptionDuplicate(index)"
-						:helper-text="isOptionDuplicate(index) ? 'This option is duplicated.' : ''"
+						:helper-text="isOptionDuplicate(index) ? t('profile_fields', 'This option is duplicated.') : ''"
 						@update:model-value="updateOption(index, $event)"
 						@keydown.enter.prevent="addOptionFromEnter(index, $event)"
 						@keydown.backspace="removeEmptyOptionFromKeyboard(index, $event)"
@@ -70,7 +70,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 					<div class="profile-fields-admin-options__actions">
 						<NcButton
 							variant="tertiary-no-background"
-							:aria-label="`Remove option ${element.value || String(index + 1)}`"
+							:aria-label="removeOptionLabel(element.value || String(index + 1))"
 							@click.prevent="removeOption(index)">
 							<template #icon>
 								<NcIconSvgWrapper :path="mdiClose" :size="20" />
@@ -83,16 +83,16 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 
 		<div class="profile-fields-admin-options__toolbar">
 			<NcButton variant="secondary" data-testid="profile-fields-admin-add-option" @click.prevent="addOption">
-				Add single option
-			</NcButton>
-			<NcButton variant="secondary" data-testid="profile-fields-admin-add-multiple-options" @click.prevent="openBulkOptionsDialog">
-				Add multiple options
+			{{ t('profile_fields', 'Add single option') }}
+		</NcButton>
+		<NcButton variant="secondary" data-testid="profile-fields-admin-add-multiple-options" @click.prevent="openBulkOptionsDialog">
+			{{ t('profile_fields', 'Add multiple options') }}
 			</NcButton>
 		</div>
 
 		<NcDialog
 			:open="isBulkOptionsDialogOpen"
-			name="Add multiple options"
+			:name="t('profile_fields', 'Add multiple options')"
 			content-classes="profile-fields-admin-options__bulk-options-dialog"
 			size="normal"
 			@update:open="updateBulkOptionsDialogOpen">
@@ -100,26 +100,26 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 				<NcTextArea
 					data-testid="profile-fields-admin-bulk-options-input"
 					:model-value="bulkOptionInput"
-					label="Options list (one per line)"
-					placeholder="One option per line"
+					:label="t('profile_fields', 'Options list (one per line)')"
+					:placeholder="t('profile_fields', 'One option per line')"
 					resize="vertical"
 					rows="10"
 					@update:model-value="bulkOptionInput = $event" />
 				<p class="profile-fields-admin-options__bulk-options-summary">
-					{{ bulkOptionValues.length === 1 ? '1 option ready.' : `${bulkOptionValues.length} options ready.` }}
+					{{ bulkOptionsSummary }}
 				</p>
 			</div>
 
 			<template #actions>
 				<NcButton @click="closeBulkOptionsDialog">
-					Cancel
+					{{ t('profile_fields', 'Cancel') }}
 				</NcButton>
 				<NcButton
 					variant="primary"
 					data-testid="profile-fields-admin-bulk-options-submit"
 					:disabled="bulkOptionValues.length === 0"
 					@click="applyBulkOptions">
-					Add selected options
+					{{ t('profile_fields', 'Add selected options') }}
 				</NcButton>
 			</template>
 		</NcDialog>
@@ -128,6 +128,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 
 <script setup lang="ts">
 import { mdiArrowDown, mdiArrowUp, mdiClose, mdiDragVertical } from '@mdi/js'
+import { n, t } from '@nextcloud/l10n'
 import { computed, ref } from 'vue'
 import Draggable from 'vuedraggable'
 import NcDialog from '@nextcloud/vue/components/NcDialog'
@@ -154,6 +155,8 @@ const createOptionId = () => `option-local-${nextOptionId++}`
 const options = computed(() => props.modelValue)
 const bulkOptionValues = computed(() => parseEditableSelectOptionValues(bulkOptionInput.value))
 const normalizedOptionCount = computed(() => extractEditableSelectOptionValues(options.value).filter((optionValue: string) => optionValue.trim() !== '').length)
+const optionsCountLabel = computed(() => n('profile_fields', 'option', 'options', normalizedOptionCount.value, { count: normalizedOptionCount.value }))
+const bulkOptionsSummary = computed(() => n('profile_fields', '1 option ready.', '{count} options ready.', bulkOptionValues.value.length, { count: bulkOptionValues.value.length }))
 
 const duplicateOptionIndices = computed(() => {
 	const seen = new Map<string, number>()
@@ -181,6 +184,9 @@ const hasOptionValue = (index: number) => options.value[index]?.value.trim() !==
 const canMoveOptionUp = (index: number) => index > 0
 const canMoveOptionDown = (index: number) => index < options.value.length - 1
 const isOptionDuplicate = (index: number) => duplicateOptionIndices.value.has(index)
+const reorderOptionLabel = (optionValue: string) => t('profile_fields', 'Reorder option {optionValue}', { optionValue })
+const optionPlaceholder = (position: number) => t('profile_fields', 'Option {position}', { position })
+const removeOptionLabel = (optionValue: string) => t('profile_fields', 'Remove option {optionValue}', { optionValue })
 
 const focusOptionInput = async(index: number) => {
 	requestAnimationFrame(() => {

From 0b63a13ccd4cbb412b4c577695600cdc40c5f191 Mon Sep 17 00:00:00 2001
From: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
Date: Fri, 20 Mar 2026 12:46:54 -0300
Subject: [PATCH 7/8] refactor(vue): inline t() directly in AdminSettings,
 remove 38-const label block

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
---
 src/views/AdminSettings.vue | 148 +++++++++++++++++++-----------------
 1 file changed, 78 insertions(+), 70 deletions(-)

diff --git a/src/views/AdminSettings.vue b/src/views/AdminSettings.vue
index f6cf87c..c1a420b 100644
--- a/src/views/AdminSettings.vue
+++ b/src/views/AdminSettings.vue
@@ -8,14 +8,14 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 	<section class="profile-fields-admin" data-testid="profile-fields-admin">
 		<header class="profile-fields-admin__hero">
 			<div class="profile-fields-admin__hero-copy">
-				<h2>Profile fields catalog</h2>
+				<h2>{{ t('profile_fields', 'Profile fields catalog') }}</h2>
 				<p>
-					Create custom profile fields, choose who can edit each one, and define the default visibility for new values.
+					{{ t('profile_fields', 'Create custom profile fields, choose who can edit each one, and define the default visibility for new values.') }}
 				</p>
 			</div>
 			<div class="profile-fields-admin__hero-meta">
 				<strong>{{ definitions.length }}</strong>
-				<span>fields configured</span>
+				<span>{{ configuredFieldsCountLabel }}</span>
 			</div>
 		</header>
 
@@ -37,15 +37,15 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 			<aside class="profile-fields-admin__list-panel">
 				<div class="profile-fields-admin__panel-header">
 					<div class="profile-fields-admin__panel-header-copy">
-						<h3>Configured fields</h3>
-						<p>Select a field to edit, or create a new one.</p>
+						<h3>{{ t('profile_fields', 'Configured fields') }}</h3>
+						<p>{{ t('profile_fields', 'Select a field to edit, or create a new one.') }}</p>
 					</div>
 					<NcButton variant="secondary" data-testid="profile-fields-admin-new-field" @click="startCreatingField">
-						Create field
+						{{ t('profile_fields', 'Create field') }}
 					</NcButton>
 				</div>
 
-				<NcEmptyContent v-if="sortedDefinitions.length === 0" name="No fields configured" description="Create your first field to make it available in user profiles." />
+				<NcEmptyContent v-if="sortedDefinitions.length === 0" :name="t('profile_fields', 'No fields configured')" :description="t('profile_fields', 'Create your first field to make it available in user profiles.')" />
 
 				<Draggable
 					v-else
@@ -68,7 +68,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 								:name="definition.label"
 								:active="definition.id === selectedId"
 								compact
-								:link-aria-label="`Edit field ${definition.label}`"
+								:link-aria-label="editFieldAriaLabel(definition.label)"
 								@click="handleDefinitionClick(definition)">
 								<template #subname>
 									<span class="profile-fields-admin__list-item-subname">{{ definition.field_key }}</span>
@@ -76,35 +76,35 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 								<template #extra-actions>
 									<NcChip
 										class="profile-fields-admin__definition-status"
-										:text="definition.active ? 'Active' : 'Inactive'"
+										:text="definition.active ? t('profile_fields', 'Active') : t('profile_fields', 'Inactive')"
 										:variant="definition.active ? 'success' : 'secondary'"
 										:no-close="true" />
 									<NcActions
 										class="profile-fields-admin__definition-actions"
-										:aria-label="`Actions for ${definition.label}`">
+										:aria-label="actionsForLabel(definition.label)">
 										<NcActionButton :disabled="isSaving" @click="openDefinition(definition)">
 											<template #icon>
 												<NcIconSvgWrapper :path="mdiPencilOutline" :size="18" />
 											</template>
-											Edit field
+											{{ t('profile_fields', 'Edit field') }}
 										</NcActionButton>
 										<NcActionButton :disabled="isSaving" @click="toggleDefinitionActive(definition)">
 											<template #icon>
 												<NcIconSvgWrapper :path="definition.active ? mdiEyeOffOutline : mdiEyeOutline" :size="18" />
 											</template>
-											{{ definition.active ? 'Disable field' : 'Enable field' }}
+											{{ toggleDefinitionActiveLabel(definition) }}
 										</NcActionButton>
 										<NcActionButton :disabled="isSaving" @click="removeDefinitionByItem(definition)">
 											<template #icon>
 												<NcIconSvgWrapper :path="mdiDeleteOutline" :size="18" />
 											</template>
-											Delete field
+											{{ t('profile_fields', 'Delete field') }}
 										</NcActionButton>
 									</NcActions>
 									<NcButton
 										class="profile-fields-admin__definition-handle"
 										:data-testid="`profile-fields-admin-definition-handle-${definition.field_key}`"
-										aria-label="Drag to reorder"
+										:aria-label="t('profile_fields', 'Drag to reorder')"
 										variant="tertiary-no-background"
 										:disabled="isSaving"
 										tabindex="-1"
@@ -131,12 +131,12 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 				<template v-if="isEditorVisible">
 					<div class="profile-fields-admin__panel-header">
 						<div class="profile-fields-admin__panel-header-copy">
-							<h3>{{ isEditing ? 'Edit field' : 'Create field' }}</h3>
+							<h3>{{ isEditing ? t('profile_fields', 'Edit field') : t('profile_fields', 'Create field') }}</h3>
 							<p>{{ editorDescription }}</p>
 						</div>
 						<div class="profile-fields-admin__editor-actions">
 							<NcCheckboxRadioSwitch v-model="form.active" type="switch" class="profile-fields-admin__header-switch">
-								Active
+								{{ t('profile_fields', 'Active') }}
 							</NcCheckboxRadioSwitch>
 						</div>
 					</div>
@@ -144,30 +144,30 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 					<form id="profile-fields-admin-form" class="profile-fields-admin__form" data-testid="profile-fields-admin-form" @submit.prevent="persistDefinition">
 					<section class="profile-fields-admin__form-section profile-fields-admin__form-section--identity">
 						<div class="profile-fields-admin__section-heading">
-							<h4>Identity</h4>
+							<h4>{{ t('profile_fields', 'Identity') }}</h4>
 						</div>
 
 						<div class="profile-fields-admin__grid profile-fields-admin__grid--identity">
 							<div class="profile-fields-admin__field">
-								<label for="profile-fields-admin-field-key">Field key</label>
+								<label for="profile-fields-admin-field-key">{{ t('profile_fields', 'Field key') }}</label>
 								<NcInputField
 									id="profile-fields-admin-field-key"
 									v-model="form.fieldKey"
-									label="Field key"
+									:label="t('profile_fields', 'Field key')"
 									label-outside
 									:disabled="isEditing"
-									helper-text="Stable identifier used in APIs and integrations."
+									:helper-text="t('profile_fields', 'Stable identifier used in APIs and integrations.')"
 								/>
 							</div>
 
 							<div class="profile-fields-admin__field">
-								<label for="profile-fields-admin-label">Label</label>
+								<label for="profile-fields-admin-label">{{ t('profile_fields', 'Label') }}</label>
 								<NcInputField
 									id="profile-fields-admin-label"
 									v-model="form.label"
-									label="Label"
+									:label="t('profile_fields', 'Label')"
 									label-outside
-									helper-text="Visible name shown in settings and profile forms."
+									:helper-text="t('profile_fields', 'Visible name shown in settings and profile forms.')"
 								/>
 							</div>
 						</div>
@@ -175,55 +175,55 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 
 					<section class="profile-fields-admin__form-section">
 						<div class="profile-fields-admin__section-heading">
-							<h4>Rules</h4>
+							<h4>{{ t('profile_fields', 'Rules') }}</h4>
 						</div>
 
 						<div class="profile-fields-admin__grid profile-fields-admin__grid--rules">
 							<div class="profile-fields-admin__field">
-								<label for="profile-fields-admin-edit-policy">Edit policy</label>
+								<label for="profile-fields-admin-edit-policy">{{ t('profile_fields', 'Edit policy') }}</label>
 								<NcSelect
 									input-id="profile-fields-admin-edit-policy"
 									v-model="selectedEditPolicyOption"
-									input-label="Edit policy"
+									:input-label="t('profile_fields', 'Edit policy')"
 									label-outside
 									:clearable="false"
 									:searchable="false"
 									:options="editPolicyOptions"
 									label="label"
-									placeholder="Select who can edit"
+									:placeholder="t('profile_fields', 'Select who can edit')"
 								/>
 								<p class="profile-fields-admin__field-helper">{{ editPolicyDescription }}</p>
 							</div>
 
 							<div class="profile-fields-admin__field">
-								<label for="profile-fields-admin-visibility-policy">Visibility</label>
+								<label for="profile-fields-admin-visibility-policy">{{ t('profile_fields', 'Visibility') }}</label>
 								<NcSelect
 									input-id="profile-fields-admin-visibility-policy"
 									v-model="selectedExposurePolicyOption"
-									input-label="Visibility"
+									:input-label="t('profile_fields', 'Visibility')"
 									label-outside
 									:clearable="false"
 									:searchable="false"
 									:options="exposurePolicyOptions"
 									label="label"
-									placeholder="Select default visibility"
+									:placeholder="t('profile_fields', 'Select default visibility')"
 								/>
 								<p class="profile-fields-admin__field-helper">{{ exposurePolicyDescription }}</p>
 							</div>
 
 							<div class="profile-fields-admin__field">
-								<label for="profile-fields-admin-type">Type</label>
+								<label for="profile-fields-admin-type">{{ t('profile_fields', 'Type') }}</label>
 								<NcSelect
 									data-testid="profile-fields-admin-type-select"
 									input-id="profile-fields-admin-type"
 									v-model="selectedTypeOption"
-									input-label="Type"
+									:input-label="t('profile_fields', 'Type')"
 									label-outside
 									:clearable="false"
 									:searchable="false"
 									:options="fieldTypeOptions"
 									label="label"
-									placeholder="Select field type"
+									:placeholder="t('profile_fields', 'Select field type')"
 								/>
 							</div>
 						</div>
@@ -233,10 +233,10 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 
 					<div v-if="!isCompactLayout" class="profile-fields-admin__submit-row">
 						<NcButton type="submit" variant="primary" data-testid="profile-fields-admin-save" :disabled="isSaveDisabled">
-							{{ isSaving ? 'Saving changes...' : (isEditing ? 'Save changes' : 'Create field') }}
+							{{ saveActionLabel }}
 						</NcButton>
 						<NcButton v-if="isEditing" variant="error" data-testid="profile-fields-admin-delete" :disabled="isSaving" @click.prevent="removeDefinition">
-							Delete field
+							{{ t('profile_fields', 'Delete field') }}
 						</NcButton>
 					</div>
 					</form>
@@ -248,7 +248,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 						<p>{{ editorEmptyState.description }}</p>
 						<div class="profile-fields-admin__empty-editor-actions">
 							<NcButton variant="primary" @click="startCreatingField">
-								New field
+								{{ t('profile_fields', 'New field') }}
 							</NcButton>
 						</div>
 					</div>
@@ -256,13 +256,13 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 			</div>
 				<template v-if="isCompactLayout && isEditorVisible" #actions>
 					<NcButton :disabled="isSaving" @click="closeEditor">
-						Cancel
+						{{ t('profile_fields', 'Cancel') }}
 					</NcButton>
 					<NcButton v-if="isEditing" variant="error" data-testid="profile-fields-admin-delete" :disabled="isSaving" @click.prevent="removeDefinition">
-						Delete field
+						{{ t('profile_fields', 'Delete field') }}
 					</NcButton>
 					<NcButton type="submit" form="profile-fields-admin-form" variant="primary" data-testid="profile-fields-admin-save" :disabled="isSaveDisabled">
-						{{ isSaving ? 'Saving changes...' : (isEditing ? 'Save changes' : 'Create field') }}
+						{{ saveActionLabel }}
 					</NcButton>
 				</template>
 			</component>
@@ -273,6 +273,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 
 <script setup lang="ts">
 import { mdiDeleteOutline, mdiDragVertical, mdiEyeOffOutline, mdiEyeOutline, mdiPencilOutline } from '@mdi/js'
+import { n, t } from '@nextcloud/l10n'
 import { computed, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue'
 import NcDialog from '@nextcloud/vue/components/NcDialog'
 import Draggable from 'vuedraggable'
@@ -284,21 +285,21 @@ import type { FieldDefinition, FieldEditPolicy, FieldExposurePolicy, FieldType }
 import { createEditableSelectOptions, extractEditableSelectOptionValues } from '../utils/selectFieldOptions.js'
 
 const fieldTypeOptions: Array<{ value: FieldType, label: string }> = [
-	{ value: 'text', label: 'Text' },
-	{ value: 'number', label: 'Number' },
-	{ value: 'select', label: 'Select' },
+	{ value: 'text', label: t('profile_fields', 'Text') },
+	{ value: 'number', label: t('profile_fields', 'Number') },
+	{ value: 'select', label: t('profile_fields', 'Select') },
 ]
 
 const editPolicyOptions: Array<{ value: FieldEditPolicy, label: string }> = [
-	{ value: 'users', label: 'Users can edit' },
-	{ value: 'admins', label: 'Admins only' },
+	{ value: 'users', label: t('profile_fields', 'Users can edit') },
+	{ value: 'admins', label: t('profile_fields', 'Admins only') },
 ]
 
 const exposurePolicyOptions: Array<{ value: FieldExposurePolicy, label: string }> = [
-	{ value: 'hidden', label: 'Hidden from users' },
-	{ value: 'private', label: 'Visible to users, private by default' },
-	{ value: 'users', label: 'Visible to users, shared with users by default' },
-	{ value: 'public', label: 'Visible to everyone by default' },
+	{ value: 'hidden', label: t('profile_fields', 'Hidden from users') },
+	{ value: 'private', label: t('profile_fields', 'Visible to users, private by default') },
+	{ value: 'users', label: t('profile_fields', 'Visible to users, shared with users by default') },
+	{ value: 'public', label: t('profile_fields', 'Visible to everyone by default') },
 ]
 
 const definitions = ref<FieldDefinition[]>([])
@@ -351,23 +352,23 @@ const form = reactive({
 })
 
 const editPolicyDescription = computed(() => form.editPolicy === 'admins'
-	? 'Only administrators can create or update values for this field.'
-	: 'Users can update their own value in personal settings.')
+	? t('profile_fields', 'Only administrators can create or update values for this field.')
+	: t('profile_fields', 'Users can update their own value in personal settings.'))
 const exposurePolicyDescription = computed(() => {
 	switch (form.exposurePolicy) {
 	case 'hidden':
-		return 'The field is hidden from personal settings and global search.'
+		return t('profile_fields', 'The field is hidden from personal settings and global search.')
 	case 'users':
-		return 'Shown in personal settings. New values are shared with signed-in users.'
+		return t('profile_fields', 'Shown in personal settings. New values are shared with signed-in users.')
 	case 'public':
-		return 'Shown in personal settings. New values are visible to everyone.'
+		return t('profile_fields', 'Shown in personal settings. New values are visible to everyone.')
 	default:
-		return 'Shown in personal settings. New values start as private.'
+		return t('profile_fields', 'Shown in personal settings. New values start as private.')
 	}
 })
 const editorDescription = computed(() => isEditing.value
-	? 'Update the selected field and its rules.'
-	: 'Set up a new field and its rules.')
+	? t('profile_fields', 'Update the selected field and its rules.')
+	: t('profile_fields', 'Set up a new field and its rules.'))
 const selectedDefinition = computed(() => definitions.value.find((definition: FieldDefinition) => definition.id === selectedId.value) ?? null)
 const sortedDefinitions = computed(() => [...definitions.value].sort((left, right) => left.sort_order - right.sort_order || left.id - right.id))
 const isEditing = computed(() => selectedDefinition.value !== null)
@@ -376,20 +377,27 @@ const editorShellComponent = computed(() => isCompactLayout.value ? NcDialog : '
 const editorShellProps = computed(() => isCompactLayout.value
 	? {
 		open: isEditorVisible.value,
-		name: isEditing.value ? 'Edit field' : 'Create field',
+		name: isEditing.value ? t('profile_fields', 'Edit field') : t('profile_fields', 'Create field'),
 		size: 'large',
 		contentClasses: 'profile-fields-admin__editor-dialog',
 	}
 	: {})
 const editorEmptyState = computed(() => sortedDefinitions.value.length === 0
 	? {
-		title: 'No fields configured',
-		description: 'Create your first field to start building the catalog.',
+		title: t('profile_fields', 'No fields configured'),
+		description: t('profile_fields', 'Create your first field to start building the catalog.'),
 	}
 	: {
-		title: 'No field selected',
-		description: 'Select a field from the list, or create a new one.',
+		title: t('profile_fields', 'No field selected'),
+		description: t('profile_fields', 'Select a field from the list, or create a new one.'),
 	})
+const configuredFieldsCountLabel = computed(() => n('profile_fields', 'field configured', 'fields configured', definitions.value.length, { count: definitions.value.length }))
+const saveActionLabel = computed(() => isSaving.value ? t('profile_fields', 'Saving changes...') : (isEditing.value ? t('profile_fields', 'Save changes') : t('profile_fields', 'Create field')))
+const editFieldAriaLabel = (label: string) => t('profile_fields', 'Edit field {label}', { label })
+const actionsForLabel = (label: string) => t('profile_fields', 'Actions for {label}', { label })
+const toggleDefinitionActiveLabel = (definition: FieldDefinition) => definition.active
+	? t('profile_fields', 'Disable field')
+	: t('profile_fields', 'Enable field')
 
 const buildFormState = () => ({
 	fieldKey: form.fieldKey,
@@ -581,7 +589,7 @@ const loadDefinitions = async() => {
 			resetForm()
 		}
 	} catch (error) {
-		errorMessage.value = error instanceof Error ? error.message : 'Could not load field definitions.'
+		errorMessage.value = error instanceof Error ? error.message : t('profile_fields', 'Could not load field definitions.')
 	} finally {
 		isLoading.value = false
 	}
@@ -615,7 +623,7 @@ const persistDefinition = async() => {
 			selectedId.value = created.id
 			populateForm(created)
 			markJustSaved(created.id)
-			setSuccessMessage('Field created successfully.')
+			setSuccessMessage(t('profile_fields', 'Field created successfully.'))
 		} else {
 			const updated = await updateDefinition(selectedDefinition.value.id, {
 				label: payload.label,
@@ -629,13 +637,13 @@ const persistDefinition = async() => {
 			replaceDefinitionInState(updated)
 			populateForm(updated)
 			markJustSaved(updated.id)
-			setSuccessMessage('Field updated successfully.')
+			setSuccessMessage(t('profile_fields', 'Field updated successfully.'))
 		}
 		if (isCompactLayout.value) {
 			closeEditor()
 		}
 	} catch (error: any) {
-		errorMessage.value = error?.response?.data?.ocs?.data?.message ?? error?.message ?? 'Could not save this field. Please try again.'
+		errorMessage.value = error?.response?.data?.ocs?.data?.message ?? error?.message ?? t('profile_fields', 'Could not save this field. Please try again.')
 	} finally {
 		isSaving.value = false
 	}
@@ -653,9 +661,9 @@ const removeDefinition = async() => {
 		removeDefinitionFromState(selectedDefinition.value.id)
 		isCreatingNew.value = false
 		resetForm()
-		setSuccessMessage('Field deleted successfully.')
+		setSuccessMessage(t('profile_fields', 'Field deleted successfully.'))
 	} catch (error: any) {
-		errorMessage.value = error?.response?.data?.ocs?.data?.message ?? error?.message ?? 'Could not delete this field. Please try again.'
+		errorMessage.value = error?.response?.data?.ocs?.data?.message ?? error?.message ?? t('profile_fields', 'Could not delete this field. Please try again.')
 	} finally {
 		isSaving.value = false
 	}
@@ -704,7 +712,7 @@ const reorderDefinitions = async(event: { moved?: { oldIndex: number, newIndex:
 		}
 	} catch (error: any) {
 		definitions.value = previousDefinitions
-		errorMessage.value = error?.response?.data?.ocs?.data?.message ?? error?.message ?? 'Could not save the new order. Please try again.'
+		errorMessage.value = error?.response?.data?.ocs?.data?.message ?? error?.message ?? t('profile_fields', 'Could not save the new order. Please try again.')
 	} finally {
 		isSaving.value = false
 	}
@@ -724,7 +732,7 @@ const toggleDefinitionActive = async(definition: FieldDefinition) => {
 			populateForm(updated)
 		}
 	} catch (error: any) {
-		errorMessage.value = error?.response?.data?.ocs?.data?.message ?? error?.message ?? 'Could not update this field. Please try again.'
+		errorMessage.value = error?.response?.data?.ocs?.data?.message ?? error?.message ?? t('profile_fields', 'Could not update this field. Please try again.')
 	} finally {
 		isSaving.value = false
 	}
@@ -741,7 +749,7 @@ const removeDefinitionByItem = async(definition: FieldDefinition) => {
 			resetForm()
 		}
 	} catch (error: any) {
-		errorMessage.value = error?.response?.data?.ocs?.data?.message ?? error?.message ?? 'Could not delete this field. Please try again.'
+		errorMessage.value = error?.response?.data?.ocs?.data?.message ?? error?.message ?? t('profile_fields', 'Could not delete this field. Please try again.')
 	} finally {
 		isSaving.value = false
 	}

From 870f4b7315704259a73c37688a81b6ae525c2c87 Mon Sep 17 00:00:00 2001
From: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
Date: Fri, 20 Mar 2026 12:46:54 -0300
Subject: [PATCH 8/8] refactor(vue): inline t() directly in PersonalSettings,
 remove const label block

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
---
 src/views/PersonalSettings.vue | 43 +++++++++++++++++-----------------
 1 file changed, 22 insertions(+), 21 deletions(-)

diff --git a/src/views/PersonalSettings.vue b/src/views/PersonalSettings.vue
index 22a0261..8195c97 100644
--- a/src/views/PersonalSettings.vue
+++ b/src/views/PersonalSettings.vue
@@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 		:class="{ 'profile-fields-personal--embedded': embedded }">
 		<header v-if="!embedded" class="profile-fields-personal__hero">
 			<div>
-				<h2>Additional profile fields</h2>
+				<h2>{{ t('profile_fields', 'Additional profile fields') }}</h2>
 			</div>
 		</header>
 
@@ -22,7 +22,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 			<NcLoadingIcon :size="32" />
 		</div>
 
-		<NcEmptyContent v-else-if="sortedFields.length === 0" name="No additional fields yet" description="Your administrator has not assigned additional profile fields to your account yet." />
+		<NcEmptyContent v-else-if="sortedFields.length === 0" :name="t('profile_fields', 'No additional fields yet')" :description="t('profile_fields', 'Your administrator has not assigned additional profile fields to your account yet.')" />
 
 		<div v-else class="profile-fields-personal__grid" :class="{ 'profile-fields-personal__grid--embedded': embedded }">
 			<article
@@ -41,11 +41,11 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 							<span class="profile-fields-personal__readonly-text">{{ resolvedDisplayValue(field) }}</span>
 							<NcPopover placement="bottom" :triggers="['hover', 'focus']" :popover-triggers="['hover']" no-focus-trap>
 								<template #trigger="{ attrs }">
-									<span v-bind="attrs" class="profile-fields-personal__info-trigger" :aria-label="`${field.definition.label}: managed by your administrator`">
+									<span v-bind="attrs" class="profile-fields-personal__info-trigger" :aria-label="t('profile_fields', '{fieldLabel}: managed by your administrator', { fieldLabel: field.definition.label })">
 										<NcIconSvgWrapper :path="mdiInformationOutline" :size="14" />
 									</span>
 								</template>
-								<p class="profile-fields-personal__popover-copy">Managed by your administrator.</p>
+								<p class="profile-fields-personal__popover-copy">{{ t('profile_fields', 'Managed by your administrator.') }}</p>
 							</NcPopover>
 						</div>
 					</div>
@@ -57,13 +57,13 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 							<label :for="field.can_edit ? fieldInputId(field.definition.id) : undefined">{{ field.definition.label }}</label>
 							<NcPopover v-if="!embedded && !field.can_edit" placement="end" :triggers="['hover', 'focus']" :popover-triggers="['hover']" no-focus-trap>
 								<template #trigger="{ attrs }">
-									<span v-bind="attrs" class="profile-fields-personal__chip-trigger" aria-label="Read-only field">
+									<span v-bind="attrs" class="profile-fields-personal__chip-trigger" :aria-label="t('profile_fields', 'Read-only field')">
 										<span class="profile-fields-personal__readonly-indicator" aria-hidden="true">
 											<NcIconSvgWrapper :path="mdiLockOutline" :size="12" />
 										</span>
 									</span>
 								</template>
-								<p class="profile-fields-personal__popover-copy">Managed by your administrator.</p>
+								<p class="profile-fields-personal__popover-copy">{{ t('profile_fields', 'Managed by your administrator.') }}</p>
 							</NcPopover>
 						</div>
 					</div>
@@ -105,7 +105,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 						</span>
 
 						<div v-if="!embedded" class="profile-fields-personal__embedded-toolbar">
-							<label class="profile-fields-personal__embedded-visibility-label" :for="`profile-fields-personal-visibility-${field.definition.id}`">{{ visibilityControlLabel }}</label>
+							<label class="profile-fields-personal__embedded-visibility-label" :for="`profile-fields-personal-visibility-${field.definition.id}`">{{ t('profile_fields', 'Who can see this') }}</label>
 							<NcSelect
 								:input-id="`profile-fields-personal-visibility-${field.definition.id}`"
 								class="profile-fields-personal__visibility-select"
@@ -120,7 +120,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 							/>
 
 							<NcButton variant="primary" :disabled="isSaving(field.definition.id) || !hasFieldChanges(field)" @click="saveField(field)">
-								{{ isSaving(field.definition.id) ? 'Saving changes...' : 'Save changes' }}
+								{{ isSaving(field.definition.id) ? t('profile_fields', 'Saving changes...') : t('profile_fields', 'Save changes') }}
 							</NcButton>
 						</div>
 
@@ -131,8 +131,8 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 
 		<Teleport v-if="embedded && embeddedVisibilityAnchorReady && editableVisibilityFields.length > 0" to="#profile-fields-personal-visibility-anchor">
 			<div class="profile-fields-personal__visibility-teleport-root" data-testid="profile-fields-personal-visibility-panel" role="group" :aria-labelledby="visibilitySectionHeadingId" :aria-describedby="visibilitySectionDescriptionId">
-				<h3 :id="visibilitySectionHeadingId" class="profile-fields-personal__sr-only">Additional profile field visibility</h3>
-				<p :id="visibilitySectionDescriptionId" class="profile-fields-personal__sr-only">Choose who can see each additional profile field on your profile.</p>
+				<h3 :id="visibilitySectionHeadingId" class="profile-fields-personal__sr-only">{{ t('profile_fields', 'Additional profile field visibility') }}</h3>
+				<p :id="visibilitySectionDescriptionId" class="profile-fields-personal__sr-only">{{ t('profile_fields', 'Choose who can see each additional profile field on your profile.') }}</p>
 				<div
 					v-for="field in editableVisibilityFields"
 					:key="`embedded-visibility-${field.definition.id}`"
@@ -164,8 +164,8 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 			:aria-labelledby="visibilitySectionHeadingId"
 			:aria-describedby="visibilitySectionDescriptionId"
 			data-testid="profile-fields-personal-visibility-panel">
-			<h3 :id="visibilitySectionHeadingId" class="profile-fields-personal__sr-only">Additional profile field visibility</h3>
-			<p :id="visibilitySectionDescriptionId" class="profile-fields-personal__sr-only">Choose who can see each additional profile field on your profile.</p>
+			<h3 :id="visibilitySectionHeadingId" class="profile-fields-personal__sr-only">{{ t('profile_fields', 'Additional profile field visibility') }}</h3>
+			<p :id="visibilitySectionDescriptionId" class="profile-fields-personal__sr-only">{{ t('profile_fields', 'Choose who can see each additional profile field on your profile.') }}</p>
 			<div class="profile-fields-personal__visibility-grid">
 				<div
 					v-for="field in editableVisibilityFields"
@@ -206,8 +206,6 @@ import { visibilityOptions } from '../utils/visibilityOptions.js'
 const embedded = inject<boolean>('profileFieldsEmbedded', false)
 const visibilitySectionHeadingId = 'profile-fields-personal-visibility-heading'
 const visibilitySectionDescriptionId = 'profile-fields-personal-visibility-description'
-const visibilityControlLabel = t('profile_fields', 'Who can see this')
-
 const fields = ref<EditableField[]>([])
 const isLoading = ref(true)
 const globalError = ref('')
@@ -252,7 +250,7 @@ const placeholderForField = (field: EditableField) => {
 	}
 
 	if (field.definition.type === 'select') {
-		return 'Select an option'
+		return t('profile_fields', 'Select an option')
 	}
 
 	return ''
@@ -272,7 +270,7 @@ const loadFields = async() => {
 		fields.value = await listEditableFields()
 		fields.value.forEach(normaliseEditableField)
 	} catch (error) {
-		globalError.value = error instanceof Error ? error.message : 'Could not load your additional profile fields.'
+		globalError.value = error instanceof Error ? error.message : t('profile_fields', 'Could not load your additional profile fields.')
 	} finally {
 		isLoading.value = false
 	}
@@ -304,15 +302,18 @@ const currentDraftValue = (field: EditableField) => draftValues[field.definition
 const autosaveAnnouncement = (field: EditableField) => {
 	const fieldId = field.definition.id
 	if (fieldHasError(fieldId)) {
-		return `${field.definition.label}: ${fieldHelperText(fieldId)}`
+		return t('profile_fields', '{fieldLabel}: {message}', {
+			fieldLabel: field.definition.label,
+			message: fieldHelperText(fieldId),
+		})
 	}
 
 	if (fieldSaveSucceeded(fieldId)) {
-		return `${field.definition.label} saved.`
+		return t('profile_fields', '{fieldLabel} saved.', { fieldLabel: field.definition.label })
 	}
 
 	if (isSaving(fieldId)) {
-		return `Saving ${field.definition.label}.`
+		return t('profile_fields', 'Saving {fieldLabel}.', { fieldLabel: field.definition.label })
 	}
 
 	return ''
@@ -339,7 +340,7 @@ const currentStoredValue = (field: EditableField) => {
 
 const resolvedDisplayValue = (field: EditableField) => {
 	const value = currentStoredValue(field) || draftValues[field.definition.id] || ''
-	return value === '' ? 'Not set' : value
+	return value === '' ? t('profile_fields', 'Not set') : value
 }
 
 const findField = (fieldId: number) => fields.value.find((field: EditableField) => field.definition.id === fieldId)
@@ -473,7 +474,7 @@ const saveField = async(field: EditableField) => {
 		normaliseEditableField(field)
 		queueSuccessState(fieldId)
 	} catch (error: any) {
-		fieldErrors[fieldId] = error?.response?.data?.ocs?.data?.message ?? error?.message ?? 'Could not save this field. Please try again.'
+		fieldErrors[fieldId] = error?.response?.data?.ocs?.data?.message ?? error?.message ?? t('profile_fields', 'Could not save this field. Please try again.')
 	} finally {
 		savingIds.value = savingIds.value.filter((id: number) => id !== fieldId)
 	}