diff --git a/.changeset/stupid-singers-smash.md b/.changeset/stupid-singers-smash.md new file mode 100644 index 0000000000..4dc21775a0 --- /dev/null +++ b/.changeset/stupid-singers-smash.md @@ -0,0 +1,5 @@ +--- +'@directus/app': patch +--- + +Fixed untranslated translation placeholders in field metadata that appear after visiting a collection settings page diff --git a/app/src/modules/settings/routes/data-model/fields/components/fields-management.vue b/app/src/modules/settings/routes/data-model/fields/components/fields-management.vue index 4fe7e94b87..a7da752a27 100644 --- a/app/src/modules/settings/routes/data-model/fields/components/fields-management.vue +++ b/app/src/modules/settings/routes/data-model/fields/components/fields-management.vue @@ -3,7 +3,7 @@ import { useFieldsStore } from '@/stores/fields'; import { hideDragImage } from '@/utils/hide-drag-image'; import { Field, LocalType } from '@directus/types'; import { isNil, orderBy } from 'lodash'; -import { computed, toRefs, onBeforeMount } from 'vue'; +import { computed, toRefs, onBeforeMount, onBeforeUnmount } from 'vue'; import { useI18n } from 'vue-i18n'; import Draggable from 'vuedraggable'; import FieldSelect from './field-select.vue'; @@ -17,6 +17,7 @@ const { t } = useI18n(); const { collection } = toRefs(props); const fieldsStore = useFieldsStore(); onBeforeMount(async () => await fieldsStore.hydrate({ skipTranslation: true })); +onBeforeUnmount(() => fieldsStore.translateFields()); const fields = computed(() => fieldsStore.getFieldsForCollectionSorted(collection.value));