From acddb91946d042c66e3910cdbc01ec0d2a028f9b Mon Sep 17 00:00:00 2001
From: Valentyne Stigloher <pixunil@posteo.eu>
Date: Sat, 19 Apr 2025 12:42:12 +0200
Subject: [PATCH] (refactor)(pronouns) replace <GrammarTables> component by
 declaring grammar tables in config.suml

---
 components/pronouns/PronounsDetailPage.vue    |  8 ++-
 .../pronouns/PronounsGrammarTables.vue        | 26 +++++-----
 locale/_/pronouns/GrammarTables.vue           | 11 ----
 locale/_base/pronouns/GrammarTables.vue       | 40 ---------------
 locale/ar/pronouns/GrammarTables.vue          |  1 -
 locale/en/config.suml                         | 23 +++++++++
 locale/en/pronouns/GrammarTables.vue          | 40 ---------------
 locale/eo/pronouns/GrammarTables.vue          |  1 -
 locale/es/config.suml                         | 41 +++++++++++++++
 locale/es/pronouns/GrammarTables.vue          | 50 -------------------
 locale/et/pronouns/GrammarTables.vue          | 40 ---------------
 locale/fo/config.suml                         | 20 ++++++++
 locale/fo/pronouns/GrammarTables.vue          | 38 --------------
 locale/fr/config.suml                         | 20 ++++++++
 locale/fr/pronouns/GrammarTables.vue          | 38 --------------
 locale/hbs/pronouns/GrammarTables.vue         | 40 ---------------
 locale/he/pronouns/GrammarTables.vue          | 40 ---------------
 locale/it/pronouns/GrammarTables.vue          | 38 --------------
 locale/ja/pronouns/GrammarTables.vue          |  1 -
 locale/ko/pronouns/GrammarTables.vue          | 40 ---------------
 locale/lad/config.suml                        | 41 +++++++++++++++
 locale/lad/pronouns/GrammarTables.vue         | 50 -------------------
 locale/nb/config.suml                         | 17 +++++++
 locale/nb/pronouns/GrammarTables.vue          | 36 -------------
 locale/nl/config.suml                         | 23 +++++++++
 locale/nl/pronouns/GrammarTables.vue          | 40 ---------------
 locale/nn/config.suml                         | 17 +++++++
 locale/nn/pronouns/GrammarTables.vue          | 36 -------------
 locale/no/pronouns/GrammarTables.vue          |  1 -
 locale/pt/config.suml                         | 37 ++++++++++++++
 locale/pt/pronouns/GrammarTables.vue          | 47 -----------------
 locale/ro/config.suml                         | 17 +++++++
 locale/ro/pronouns/GrammarTables.vue          | 36 -------------
 locale/sv/config.suml                         | 17 +++++++
 locale/sv/pronouns/GrammarTables.vue          | 36 -------------
 locale/tok/pronouns/GrammarTables.vue         |  1 -
 locale/tr/pronouns/GrammarTables.vue          | 40 ---------------
 locale/vi/pronouns/GrammarTables.vue          |  1 -
 locale/yi/pronouns/GrammarTables.vue          | 40 ---------------
 locale/zh/pronouns/GrammarTables.vue          | 11 ----
 40 files changed, 290 insertions(+), 810 deletions(-)
 rename locale/de/pronouns/GrammarTables.vue => components/pronouns/PronounsGrammarTables.vue (54%)
 delete mode 100644 locale/_/pronouns/GrammarTables.vue
 delete mode 100644 locale/_base/pronouns/GrammarTables.vue
 delete mode 100644 locale/ar/pronouns/GrammarTables.vue
 delete mode 100644 locale/en/pronouns/GrammarTables.vue
 delete mode 100644 locale/eo/pronouns/GrammarTables.vue
 delete mode 100644 locale/es/pronouns/GrammarTables.vue
 delete mode 100644 locale/et/pronouns/GrammarTables.vue
 delete mode 100644 locale/fo/pronouns/GrammarTables.vue
 delete mode 100644 locale/fr/pronouns/GrammarTables.vue
 delete mode 100644 locale/hbs/pronouns/GrammarTables.vue
 delete mode 100644 locale/he/pronouns/GrammarTables.vue
 delete mode 100644 locale/it/pronouns/GrammarTables.vue
 delete mode 100644 locale/ja/pronouns/GrammarTables.vue
 delete mode 100644 locale/ko/pronouns/GrammarTables.vue
 delete mode 100644 locale/lad/pronouns/GrammarTables.vue
 delete mode 100644 locale/nb/pronouns/GrammarTables.vue
 delete mode 100644 locale/nl/pronouns/GrammarTables.vue
 delete mode 100644 locale/nn/pronouns/GrammarTables.vue
 delete mode 100644 locale/no/pronouns/GrammarTables.vue
 delete mode 100644 locale/pt/pronouns/GrammarTables.vue
 delete mode 100644 locale/ro/pronouns/GrammarTables.vue
 delete mode 100644 locale/sv/pronouns/GrammarTables.vue
 delete mode 100644 locale/tok/pronouns/GrammarTables.vue
 delete mode 100644 locale/tr/pronouns/GrammarTables.vue
 delete mode 100644 locale/vi/pronouns/GrammarTables.vue
 delete mode 100644 locale/yi/pronouns/GrammarTables.vue
 delete mode 100644 locale/zh/pronouns/GrammarTables.vue

diff --git a/components/pronouns/PronounsDetailPage.vue b/components/pronouns/PronounsDetailPage.vue
index 4864a1b1c..9c49f7906 100644
--- a/components/pronouns/PronounsDetailPage.vue
+++ b/components/pronouns/PronounsDetailPage.vue
@@ -12,12 +12,10 @@ const props = defineProps<{
     showSources?: boolean;
 }>();
 
-const GrammarTables = useLocaleComponent('pronouns', 'GrammarTables');
-
 const { $translator: translator } = useNuxtApp();
 const config = useConfig();
 
-const [pronounLibrary, examples] = await Promise.all([loadPronounLibrary(config), loadPronounExamples()]);
+const [pronounLibrary, pronounExamples] = await Promise.all([loadPronounLibrary(config), loadPronounExamples()]);
 
 const glue = ` ${translator.translate('pronouns.or')} `;
 
@@ -33,7 +31,7 @@ useSimpleHead({
 
 const { data: sources } = useFetch('/api/sources', { lazy: true });
 
-const exampleCategories = ExampleCategory.from(examples, config);
+const exampleCategories = ExampleCategory.from(pronounExamples, config);
 const nameOptions = props.pronoun.nameOptions();
 const pronounGroup = pronounLibrary.find(props.pronoun);
 
@@ -181,7 +179,7 @@ const counterFast = () => {
 
     <AdPlaceholder :phkey="['content-0', 'content-mobile-0']" />
 
-    <GrammarTables :selected-pronoun="pronoun" :comprehensive="comprehensive" :counter="counter" />
+    <PronounsGrammarTables :pronoun :counter :comprehensive :pronoun-examples />
 
     <AdPlaceholder :phkey="['content-1', 'content-mobile-1']" />
 
diff --git a/locale/de/pronouns/GrammarTables.vue b/components/pronouns/PronounsGrammarTables.vue
similarity index 54%
rename from locale/de/pronouns/GrammarTables.vue
rename to components/pronouns/PronounsGrammarTables.vue
index cb391708e..f0ff9c0c1 100644
--- a/locale/de/pronouns/GrammarTables.vue
+++ b/components/pronouns/PronounsGrammarTables.vue
@@ -1,34 +1,36 @@
 <script setup lang="ts">
-import type { Pronoun } from '~/src/classes.ts';
-import { loadPronounExamples } from '~/src/data.ts';
+import type { Pronoun, PronounExample } from '~/src/classes.ts';
 import type { Example } from '~/src/language/examples.ts';
 import type { GrammarTableDefinition } from '~/src/language/grammarTables.ts';
 
 const props = defineProps<{
-    selectedPronoun: Pronoun;
-    comprehensive: boolean;
+    pronoun: Pronoun;
     counter: number;
+    pronounExamples: PronounExample[];
+    comprehensive: boolean;
 }>();
 
 const config = useConfig();
 
 const grammarTables = computed((): GrammarTableDefinition[] => {
-    const grammarTables = config.pronouns.grammarTables as
-      { simple: GrammarTableDefinition[]; comprehensive: GrammarTableDefinition[] };
-    return props.comprehensive ? grammarTables.comprehensive : grammarTables.simple;
+    if (!config.pronouns.grammarTables) {
+        return [];
+    }
+    if (Array.isArray(config.pronouns.grammarTables)) {
+        return config.pronouns.grammarTables;
+    }
+    return props.comprehensive ? config.pronouns.grammarTables.comprehensive : config.pronouns.grammarTables.simple;
 });
 
-const exampleValues = computed(() => props.selectedPronoun.toExampleValues(props.counter));
-
-const pronounExamples = await loadPronounExamples();
+const exampleValues = computed(() => props.pronoun.toExampleValues(props.counter));
 
 const examples = computed((): Example[] => {
-    return pronounExamples.map((pronounExample) => pronounExample.example(props.selectedPronoun, props.counter));
+    return props.pronounExamples.map((pronounExample) => pronounExample.example(props.pronoun, props.counter));
 });
 </script>
 
 <template>
-    <section>
+    <section v-if="grammarTables.length > 0">
         <h2 class="h4">
             <Icon v="spell-check" />
             <T>pronouns.grammarTable</T><T>quotation.colon</T>
diff --git a/locale/_/pronouns/GrammarTables.vue b/locale/_/pronouns/GrammarTables.vue
deleted file mode 100644
index a232a1a1d..000000000
--- a/locale/_/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/_base/pronouns/GrammarTables.vue b/locale/_base/pronouns/GrammarTables.vue
deleted file mode 100644
index c71b02f3f..000000000
--- a/locale/_base/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th>Subject</th>
-                        <th>Object</th>
-                        <th>Possessive determiner</th>
-                        <th>Possessive pronoun</th>
-                        <th>Reflexive</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_subject" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_object" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive_determiner" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive_pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="reflexive" :counter="counter" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/ar/pronouns/GrammarTables.vue b/locale/ar/pronouns/GrammarTables.vue
deleted file mode 100644
index cc340bc4c..000000000
--- a/locale/ar/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1 +0,0 @@
-<template></template>
diff --git a/locale/en/config.suml b/locale/en/config.suml
index b4d2b9546..aedf43378 100644
--- a/locale/en/config.suml
+++ b/locale/en/config.suml
@@ -16,6 +16,29 @@ pronouns:
         - 'possessive_determiner'
         - 'possessive_pronoun'
         - 'reflexive'
+    grammarTables:
+        -
+            columnHeader:
+                -
+                    name: 'Subject'
+                -
+                    name: 'Object'
+                -
+                    name: 'Possessive determiner'
+                -
+                    name: 'Possessive pronoun'
+                -
+                    name: 'Reflexive'
+            sections:
+                -
+                    variants:
+                        -
+                            morphemeCells:
+                                - 'pronoun_subject'
+                                - 'pronoun_object'
+                                - 'possessive_determiner'
+                                - 'possessive_pronoun'
+                                - 'reflexive'
     route: 'pronouns'
     any: 'any'
     plurals: true
diff --git a/locale/en/pronouns/GrammarTables.vue b/locale/en/pronouns/GrammarTables.vue
deleted file mode 100644
index c71b02f3f..000000000
--- a/locale/en/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th>Subject</th>
-                        <th>Object</th>
-                        <th>Possessive determiner</th>
-                        <th>Possessive pronoun</th>
-                        <th>Reflexive</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_subject" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_object" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive_determiner" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive_pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="reflexive" :counter="counter" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/eo/pronouns/GrammarTables.vue b/locale/eo/pronouns/GrammarTables.vue
deleted file mode 100644
index cc340bc4c..000000000
--- a/locale/eo/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1 +0,0 @@
-<template></template>
diff --git a/locale/es/config.suml b/locale/es/config.suml
index cad838c78..dd4fb5778 100644
--- a/locale/es/config.suml
+++ b/locale/es/config.suml
@@ -19,6 +19,47 @@ pronouns:
         - 'plural_direct_object_pronoun'
         - 'inflection'
         - 'inflection_c'
+    grammarTables:
+        -
+            columnHeader:
+                -
+                    name: 'Pronombre'
+                -
+                    name: 'Pr. de objeto directo'
+                -
+                    name: 'Artículo determinado'
+                -
+                    name: 'Artículo indeterminado'
+                -
+                    name: 'Flexión'
+            sections:
+                -
+                    header:
+                        name: 'Singular'
+                    variants:
+                        -
+                            morphemeCells:
+                                - 'pronoun'
+                                - 'direct_object_pronoun'
+                                - 'definite_article'
+                                - 'indefinite_article'
+                                -
+                                    morpheme: 'inflection'
+                                    prefix: '-'
+                -
+                    header:
+                        name: 'Plural'
+                    variants:
+                        -
+                            morphemeCells:
+                                - 'plural_pronoun'
+                                - 'plural_direct_object_pronoun'
+                                - 'plural_definite_article'
+                                - 'plural_indefinite_article'
+                                -
+                                    morpheme: 'inflection'
+                                    prefix: '-'
+                                    suffix: 's'
     route: 'pronombres'
     any: 'cualquiera'
     plurals: false
diff --git a/locale/es/pronouns/GrammarTables.vue b/locale/es/pronouns/GrammarTables.vue
deleted file mode 100644
index ea0796b78..000000000
--- a/locale/es/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th></th>
-                        <th>Pronombre</th>
-                        <th>Pr. de objeto directo</th>
-                        <th>Artículo determinado</th>
-                        <th>Artículo indeterminado</th>
-                        <th>Flexión</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <th>Singular</th>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="direct_object_pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="definite_article" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="indefinite_article" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="inflection" :counter="counter" prepend="-" /></td>
-                    </tr>
-                    <tr>
-                        <th>Plural</th>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="plural_pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="plural_direct_object_pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="plural_definite_article" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="plural_indefinite_article" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="inflection" :counter="counter" prepend="-" append="s" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/et/pronouns/GrammarTables.vue b/locale/et/pronouns/GrammarTables.vue
deleted file mode 100644
index c71b02f3f..000000000
--- a/locale/et/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th>Subject</th>
-                        <th>Object</th>
-                        <th>Possessive determiner</th>
-                        <th>Possessive pronoun</th>
-                        <th>Reflexive</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_subject" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_object" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive_determiner" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive_pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="reflexive" :counter="counter" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/fo/config.suml b/locale/fo/config.suml
index 1c1d80f11..9863c5c35 100644
--- a/locale/fo/config.suml
+++ b/locale/fo/config.suml
@@ -18,6 +18,26 @@ pronouns:
         - 'adjective_ao'
         - 'adjective_ur_t'
         - 'adjective_ur_urt'
+    grammarTables:
+        -
+            columnHeader:
+                -
+                    name: 'Hvørfall'
+                -
+                    name: 'Hvønnfall'
+                -
+                    name: 'Hvørjumfall'
+                -
+                    name: 'Hvørsfall'
+            sections:
+                -
+                    variants:
+                        -
+                            morphemeCells:
+                                - 'pronoun_nominative'
+                                - 'pronoun_accusative'
+                                - 'pronoun_dative'
+                                - 'pronoun_genitive'
     route: 'fornøvn'
     any: 'øll'
     plurals: true
diff --git a/locale/fo/pronouns/GrammarTables.vue b/locale/fo/pronouns/GrammarTables.vue
deleted file mode 100644
index e95c88c18..000000000
--- a/locale/fo/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th>Hvørfall</th>
-                        <th>Hvønnfall</th>
-                        <th>Hvørjumfall</th>
-                        <th>Hvørsfall</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_nominative" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_accusative" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_dative" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_genitive" :counter="counter" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/fr/config.suml b/locale/fr/config.suml
index 6d551bd50..5f7659034 100644
--- a/locale/fr/config.suml
+++ b/locale/fr/config.suml
@@ -17,6 +17,26 @@ pronouns:
         - 'inflection_x'
         - 'inflection_e'
         - 'inflection_n'
+    grammarTables:
+        -
+            columnHeader:
+                -
+                    name: 'Sujet'
+                -
+                    name: 'Objet direct'
+                -
+                    name: 'Objet indirect'
+                -
+                    name: 'Possessif'
+            sections:
+                -
+                    variants:
+                        -
+                            morphemeCells:
+                                - 'pronoun_subject'
+                                - 'pronoun_object'
+                                - 'pronoun_disjunctive'
+                                - 'pronoun_possessive'
     route: 'pronoms'
     any: 'n-importe'
     plurals: true
diff --git a/locale/fr/pronouns/GrammarTables.vue b/locale/fr/pronouns/GrammarTables.vue
deleted file mode 100644
index e3cc531c3..000000000
--- a/locale/fr/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th>Sujet</th>
-                        <th>Objet direct</th>
-                        <th>Objet indirect</th>
-                        <th>Possessif</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_subject" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_object" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_disjunctive" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_possessive" :counter="counter" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/hbs/pronouns/GrammarTables.vue b/locale/hbs/pronouns/GrammarTables.vue
deleted file mode 100644
index c71b02f3f..000000000
--- a/locale/hbs/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th>Subject</th>
-                        <th>Object</th>
-                        <th>Possessive determiner</th>
-                        <th>Possessive pronoun</th>
-                        <th>Reflexive</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_subject" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_object" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive_determiner" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive_pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="reflexive" :counter="counter" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/he/pronouns/GrammarTables.vue b/locale/he/pronouns/GrammarTables.vue
deleted file mode 100644
index c71b02f3f..000000000
--- a/locale/he/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th>Subject</th>
-                        <th>Object</th>
-                        <th>Possessive determiner</th>
-                        <th>Possessive pronoun</th>
-                        <th>Reflexive</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_subject" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_object" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive_determiner" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive_pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="reflexive" :counter="counter" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/it/pronouns/GrammarTables.vue b/locale/it/pronouns/GrammarTables.vue
deleted file mode 100644
index 495bd101b..000000000
--- a/locale/it/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<script setup lang="ts">
-import type { Pronoun } from '~/src/classes.ts';
-import { loadPronounExamples } from '~/src/data.ts';
-import type { Example } from '~/src/language/examples.ts';
-
-const props = defineProps<{
-    selectedPronoun: Pronoun;
-    counter: number;
-}>();
-
-const config = useConfig();
-const grammarTables = config.pronouns.grammarTables;
-
-const exampleValues = computed(() => props.selectedPronoun.toExampleValues(props.counter));
-
-const pronounExamples = await loadPronounExamples();
-
-const examples = computed((): Example[] => {
-    return pronounExamples.map((pronounExample) => pronounExample.example(props.selectedPronoun, props.counter));
-});
-</script>
-
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <GrammarTable
-            v-for="(grammarTable, t) in grammarTables"
-            :key="t"
-            :grammar-table="grammarTable"
-            :example-values
-            :examples
-        />
-    </section>
-</template>
diff --git a/locale/ja/pronouns/GrammarTables.vue b/locale/ja/pronouns/GrammarTables.vue
deleted file mode 100644
index cc340bc4c..000000000
--- a/locale/ja/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1 +0,0 @@
-<template></template>
diff --git a/locale/ko/pronouns/GrammarTables.vue b/locale/ko/pronouns/GrammarTables.vue
deleted file mode 100644
index c71b02f3f..000000000
--- a/locale/ko/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th>Subject</th>
-                        <th>Object</th>
-                        <th>Possessive determiner</th>
-                        <th>Possessive pronoun</th>
-                        <th>Reflexive</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_subject" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_object" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive_determiner" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive_pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="reflexive" :counter="counter" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/lad/config.suml b/locale/lad/config.suml
index e320cacc4..1b6e1e7a8 100644
--- a/locale/lad/config.suml
+++ b/locale/lad/config.suml
@@ -19,6 +19,47 @@ pronouns:
         - 'plural_direct_object_pronoun'
         - 'inflection'
         - 'inflection_l'
+    grammarTables:
+        -
+            columnHeader:
+                -
+                    name: 'Pronombre'
+                -
+                    name: 'Pr. de objekto direkto'
+                -
+                    name: 'Artikolo determinado'
+                -
+                    name: 'Artikolo indeterminado'
+                -
+                    name: 'Fleksyon'
+            sections:
+                -
+                    header:
+                        name: 'Singolar'
+                    variants:
+                        -
+                            morphemeCells:
+                                - 'pronoun'
+                                - 'direct_object_pronoun'
+                                - 'definite_article'
+                                - 'indefinite_article'
+                                -
+                                    morpheme: 'inflection'
+                                    prefix: '-'
+                -
+                    header:
+                        name: 'Plural'
+                    variants:
+                        -
+                            morphemeCells:
+                                - 'plural_pronoun'
+                                - 'plural_direct_object_pronoun'
+                                - 'plural_definite_article'
+                                - 'plural_indefinite_article'
+                                -
+                                    morpheme: 'inflection'
+                                    prefix: '-'
+                                    suffix: 's'
     route: 'pronombres'
     any: 'kualkiera'
     plurals: false
diff --git a/locale/lad/pronouns/GrammarTables.vue b/locale/lad/pronouns/GrammarTables.vue
deleted file mode 100644
index 61a166f86..000000000
--- a/locale/lad/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th></th>
-                        <th>Pronombre</th>
-                        <th>Pr. de objekto direkto</th>
-                        <th>Artikolo determinado</th>
-                        <th>Artikolo indeterminado</th>
-                        <th>Fleksyon</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <th>Singolar</th>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="direct_object_pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="definite_article" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="indefinite_article" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="inflection" :counter="counter" prepend="-" /></td>
-                    </tr>
-                    <tr>
-                        <th>Plural</th>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="plural_pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="plural_direct_object_pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="plural_definite_article" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="plural_indefinite_article" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="inflection" :counter="counter" prepend="-" append="s" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/nb/config.suml b/locale/nb/config.suml
index 2ff36e8c6..e4cfdf56b 100644
--- a/locale/nb/config.suml
+++ b/locale/nb/config.suml
@@ -13,6 +13,23 @@ pronouns:
         - 'pronoun_subject'
         - 'pronoun_object'
         - 'possessive'
+    grammarTables:
+        -
+            columnHeader:
+                -
+                    name: 'Subjekt'
+                -
+                    name: 'Objekt'
+                -
+                    name: 'Possessiv'
+            sections:
+                -
+                    variants:
+                        -
+                            morphemeCells:
+                                - 'pronoun_subject'
+                                - 'pronoun_object'
+                                - 'possessive'
     any: 'hvilke som helst'
     plurals: false
     honorifics: false
diff --git a/locale/nb/pronouns/GrammarTables.vue b/locale/nb/pronouns/GrammarTables.vue
deleted file mode 100644
index 27d879001..000000000
--- a/locale/nb/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th>Subjekt</th>
-                        <th>Objekt</th>
-                        <th>Possessiv</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_subject" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_object" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive" :counter="counter" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/nl/config.suml b/locale/nl/config.suml
index 3b05b66a0..ea1cff24d 100644
--- a/locale/nl/config.suml
+++ b/locale/nl/config.suml
@@ -14,6 +14,29 @@ pronouns:
         - 'pronominal_poss'
         - 'predicative_poss'
         - 'dative'
+    grammarTables:
+        -
+            columnHeader:
+                -
+                    name: 'Onderwerp'
+                -
+                    name: 'Lijdend voorwerp'
+                -
+                    name: 'Meewerkend voorwerp'
+                -
+                    name: 'Bezittelijk (bijvoeglijk)'
+                -
+                    name: 'Bezittelijk (zelfstandig)'
+            sections:
+                -
+                    variants:
+                        -
+                            morphemeCells:
+                                - 'nominative'
+                                - 'accusative'
+                                - 'dative'
+                                - 'pronominal_poss'
+                                - 'predicative_poss'
     route: 'voornaamwoorden'
     any: 'elk'
     plurals: false
diff --git a/locale/nl/pronouns/GrammarTables.vue b/locale/nl/pronouns/GrammarTables.vue
deleted file mode 100644
index c979b73d0..000000000
--- a/locale/nl/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th>Onderwerp</th>
-                        <th>Lijdend voorwerp</th>
-                        <th>Meewerkend voorwerp</th>
-                        <th>Bezittelijk (bijvoeglijk)</th>
-                        <th>Bezittelijk (zelfstandig)</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="nominative" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="accusative" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="dative" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronominal_poss" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="predicative_poss" :counter="counter" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/nn/config.suml b/locale/nn/config.suml
index ccf2a8c94..121915586 100644
--- a/locale/nn/config.suml
+++ b/locale/nn/config.suml
@@ -13,6 +13,23 @@ pronouns:
         - 'pronoun_subject'
         - 'pronoun_object'
         - 'possessive'
+    grammarTables:
+        -
+            columnHeader:
+                -
+                    name: 'Subjekt'
+                -
+                    name: 'Objekt'
+                -
+                    name: 'Possessiv'
+            sections:
+                -
+                    variants:
+                        -
+                            morphemeCells:
+                                - 'pronoun_subject'
+                                - 'pronoun_object'
+                                - 'possessive'
     any: 'kva som helst'
     plurals: false
     honorifics: false
diff --git a/locale/nn/pronouns/GrammarTables.vue b/locale/nn/pronouns/GrammarTables.vue
deleted file mode 100644
index 27d879001..000000000
--- a/locale/nn/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th>Subjekt</th>
-                        <th>Objekt</th>
-                        <th>Possessiv</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_subject" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_object" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive" :counter="counter" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/no/pronouns/GrammarTables.vue b/locale/no/pronouns/GrammarTables.vue
deleted file mode 100644
index cc340bc4c..000000000
--- a/locale/no/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1 +0,0 @@
-<template></template>
diff --git a/locale/pt/config.suml b/locale/pt/config.suml
index d240f2917..c033df88d 100644
--- a/locale/pt/config.suml
+++ b/locale/pt/config.suml
@@ -25,6 +25,43 @@ pronouns:
         - 'possessive'
         - 'demonstrative_ss'
         - 'demonstrative_st'
+    grammarTables:
+        -
+            columnHeader:
+                -
+                    name: 'Artigo definido'
+                -
+                    name: 'Artigo indefinido'
+                -
+                    name: 'Pronome pessoal'
+                -
+                    name: 'Flexão'
+            sections:
+                -
+                    header:
+                        name: 'Singular'
+                    variants:
+                        -
+                            morphemeCells:
+                                - 'definite_article'
+                                - 'indefinite_article'
+                                - 'pronoun'
+                                -
+                                    morpheme: 'inflection'
+                                    prefix: '-'
+                -
+                    header:
+                        name: 'Plural'
+                    variants:
+                        -
+                            morphemeCells:
+                                - 'plural_definite_article'
+                                - 'plural_indefinite_article'
+                                - 'plural_pronoun'
+                                -
+                                    morpheme: 'inflection'
+                                    prefix: '-'
+                                    suffix: 's'
     route: 'pronomes'
     any: 'qualquer'
     plurals: false
diff --git a/locale/pt/pronouns/GrammarTables.vue b/locale/pt/pronouns/GrammarTables.vue
deleted file mode 100644
index 59bcb51fb..000000000
--- a/locale/pt/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th></th>
-                        <th>Artigo definido</th>
-                        <th>Artigo indefinido</th>
-                        <th>Pronome pessoal</th>
-                        <th>Flexão</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <th>Singular</th>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="definite_article" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="indefinite_article" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="inflection" :counter="counter" prepend="-" /></td>
-                    </tr>
-                    <tr>
-                        <th>Plural</th>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="plural_definite_article" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="plural_indefinite_article" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="plural_pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="inflection" :counter="counter" prepend="-" append="s" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/ro/config.suml b/locale/ro/config.suml
index b68b69087..3057986e4 100644
--- a/locale/ro/config.suml
+++ b/locale/ro/config.suml
@@ -14,6 +14,23 @@ pronouns:
         - 'strengthening'
         - 'first_article'
         - 'second_article'
+    grammarTables:
+        -
+            columnHeader:
+                -
+                    name: 'Nominativ/Acuzativ/Vocativ'
+                -
+                    name: 'Dativ/Genitiv'
+                -
+                    name: 'Întărire'
+            sections:
+                -
+                    variants:
+                        -
+                            morphemeCells:
+                                - 'pronoun_n'
+                                - 'pronoun_dg'
+                                - 'strengthening'
     route: 'pronume'
     any: 'oricare'
     plurals: true
diff --git a/locale/ro/pronouns/GrammarTables.vue b/locale/ro/pronouns/GrammarTables.vue
deleted file mode 100644
index e3fc2923e..000000000
--- a/locale/ro/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th>Nominativ/Acuzativ/Vocativ</th>
-                        <th>Dativ/Genitiv</th>
-                        <th>Întărire</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_n" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_dg" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="strengthening" :counter="counter" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/sv/config.suml b/locale/sv/config.suml
index 358c18df7..ceb7570be 100644
--- a/locale/sv/config.suml
+++ b/locale/sv/config.suml
@@ -12,6 +12,23 @@ pronouns:
         - 'pronoun_nominative'
         - 'pronoun_object'
         - 'possessive'
+    grammarTables:
+        -
+            columnHeader:
+                -
+                    name: 'Subjekt'
+                -
+                    name: 'Objekt'
+                -
+                    name: 'Possessiv'
+            sections:
+                -
+                    variants:
+                        -
+                            morphemeCells:
+                                - 'pronoun_nominative'
+                                - 'pronoun_object'
+                                - 'possessive'
     route: 'pronomen'
     any: 'alla'
     plurals: false
diff --git a/locale/sv/pronouns/GrammarTables.vue b/locale/sv/pronouns/GrammarTables.vue
deleted file mode 100644
index 42fcc0e1d..000000000
--- a/locale/sv/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th>Subjekt</th>
-                        <th>Objekt</th>
-                        <th>Possessiv</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_nominative" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_object" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive" :counter="counter" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/tok/pronouns/GrammarTables.vue b/locale/tok/pronouns/GrammarTables.vue
deleted file mode 100644
index cc340bc4c..000000000
--- a/locale/tok/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1 +0,0 @@
-<template></template>
diff --git a/locale/tr/pronouns/GrammarTables.vue b/locale/tr/pronouns/GrammarTables.vue
deleted file mode 100644
index c71b02f3f..000000000
--- a/locale/tr/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th>Subject</th>
-                        <th>Object</th>
-                        <th>Possessive determiner</th>
-                        <th>Possessive pronoun</th>
-                        <th>Reflexive</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_subject" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_object" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive_determiner" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive_pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="reflexive" :counter="counter" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/vi/pronouns/GrammarTables.vue b/locale/vi/pronouns/GrammarTables.vue
deleted file mode 100644
index cc340bc4c..000000000
--- a/locale/vi/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1 +0,0 @@
-<template></template>
diff --git a/locale/yi/pronouns/GrammarTables.vue b/locale/yi/pronouns/GrammarTables.vue
deleted file mode 100644
index c71b02f3f..000000000
--- a/locale/yi/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-    <section>
-        <h2 class="h4">
-            <Icon v="spell-check" />
-            <T>pronouns.grammarTable</T><T>quotation.colon</T>
-        </h2>
-
-        <div class="table-responsive">
-            <table class="table table-sm">
-                <thead>
-                    <tr>
-                        <th>Subject</th>
-                        <th>Object</th>
-                        <th>Possessive determiner</th>
-                        <th>Possessive pronoun</th>
-                        <th>Reflexive</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_subject" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="pronoun_object" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive_determiner" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="possessive_pronoun" :counter="counter" /></td>
-                        <td><PronounsMorphemeWithPronunciation :pronoun="selectedPronoun" morpheme="reflexive" :counter="counter" /></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>
diff --git a/locale/zh/pronouns/GrammarTables.vue b/locale/zh/pronouns/GrammarTables.vue
deleted file mode 100644
index a232a1a1d..000000000
--- a/locale/zh/pronouns/GrammarTables.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-</template>
-
-<script>
-export default {
-    props: {
-        selectedPronoun: { required: true },
-        counter: { required: true },
-    },
-};
-</script>