From ae37209acea4567bfa836661ecbe8dd50d9f29f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hannes=20K=C3=BCttner?=
 <4376726+hanneskuettner@users.noreply.github.com>
Date: Fri, 19 Apr 2024 22:07:36 +0200
Subject: [PATCH] Fix untranslated field meta data (#22263)

---
 .changeset/stupid-singers-smash.md                           | 5 +++++
 .../data-model/fields/components/fields-management.vue       | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/stupid-singers-smash.md

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));