diff --git a/pages/english.vue b/pages/english.vue
index 6e43126e8..138114929 100644
--- a/pages/english.vue
+++ b/pages/english.vue
@@ -3,12 +3,13 @@ import { useNuxtApp } from 'nuxt/app';
 
 import useConfig from '~/composables/useConfig.ts';
 import useSimpleHead from '~/composables/useSimpleHead.ts';
-import EnglishTable from '~/data/pronouns/EnglishTable.vue';
 
 definePageMeta({
     translatedPaths: (config) => translatedPathByConfigModule(config.english),
 });
 
+const EnglishTable = useLocaleComponent('pronouns', 'EnglishTable');
+
 const { $translator: translator } = useNuxtApp();
 useSimpleHead({
     title: translator.translate('english.headerLonger'),
diff --git a/pages/nouns/index.vue b/pages/nouns/index.vue
index 3b5a85f0b..2ba5cf850 100644
--- a/pages/nouns/index.vue
+++ b/pages/nouns/index.vue
@@ -4,13 +4,13 @@ import { useNuxtApp } from 'nuxt/app';
 import type NounsDictionary from '~/components/nouns/NounsDictionary.vue';
 import useConfig from '~/composables/useConfig.ts';
 import useSimpleHead from '~/composables/useSimpleHead.ts';
-import NounsExtra from '~/data/nouns/NounsExtra.vue';
 
 definePageMeta({
     translatedPaths: (config) => translatedPathByConfigModule(config.nouns),
 });
 
 const NounsNav = useLocaleComponent('nouns', 'NounsNav');
+const NounsExtra = useLocaleComponent('nouns', 'NounsExtra');
 
 const { $translator: translator } = useNuxtApp();
 useSimpleHead({
diff --git a/pages/pronouns/index.vue b/pages/pronouns/index.vue
index a43a8ec98..5e784a26f 100644
--- a/pages/pronouns/index.vue
+++ b/pages/pronouns/index.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
 import useConfig from '~/composables/useConfig.ts';
-import Suggested from '~/data/pronouns/Suggested.vue';
 
 definePageMeta({
     translatedPaths: (config) => translatedPathByConfigModule(config.pronouns),
 });
 
+const Suggested = useLocaleComponent('pronouns', 'Suggested');
+
 const config = useConfig();
 </script>