From 58387c710b7a4f44d4dfa535c024cd598a0e7669 Mon Sep 17 00:00:00 2001
From: Valentyne Stigloher <pixunil@posteo.eu>
Date: Sat, 19 Apr 2025 12:44:11 +0200
Subject: [PATCH] (grammar) make short column header name optional

---
 components/GrammarTable.vue   | 22 ++++++++++++++--------
 src/language/grammarTables.ts |  2 +-
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/components/GrammarTable.vue b/components/GrammarTable.vue
index 745aa8460..244df9512 100644
--- a/components/GrammarTable.vue
+++ b/components/GrammarTable.vue
@@ -80,10 +80,13 @@ const rowHeaderCount = computed(() => {
                 <tr>
                     <th v-if="rowHeaderCount" :colspan="rowHeaderCount"></th>
                     <th v-for="header in grammarTable.columnHeader" :key="header.name">
-                        <Spelling class="d-none d-md-inline" :text="header.name" />
-                        <Tooltip class="d-md-none" :text="header.name">
-                            <Spelling :text="header.short" />
-                        </Tooltip>
+                        <template v-if="header.short">
+                            <Spelling class="d-none d-md-inline" :text="header.name" />
+                            <Tooltip class="d-md-none" :text="header.name">
+                                <Spelling :text="header.short" />
+                            </Tooltip>
+                        </template>
+                        <Spelling v-else :text="header.name" />
                     </th>
                 </tr>
             </thead>
@@ -95,10 +98,13 @@ const rowHeaderCount = computed(() => {
                     >
                         <th v-if="i === 0 && rowHeaderCount >= 1" :rowspan="section.variants.length">
                             <template v-if="section.header">
-                                <Spelling class="d-none d-md-inline" :text="section.header.name" />
-                                <Tooltip class="d-md-none" :text="section.header.name">
-                                    <Spelling :text="section.header.short" />
-                                </Tooltip>
+                                <template v-if="section.header.short">
+                                    <Spelling class="d-none d-md-inline" :text="section.header.name" />
+                                    <Tooltip class="d-md-none" :text="section.header.name">
+                                        <Spelling :text="section.header.short" />
+                                    </Tooltip>
+                                </template>
+                                <Spelling v-else :text="section.header.name" />>
                             </template>
                         </th>
                         <template v-if="rowHeaderCount >= 2">
diff --git a/src/language/grammarTables.ts b/src/language/grammarTables.ts
index 8d1224cab..1359715c1 100644
--- a/src/language/grammarTables.ts
+++ b/src/language/grammarTables.ts
@@ -2,7 +2,7 @@ import type { MorphemeValue } from '~/src/language/morphemes.ts';
 
 export interface Header {
     name: string;
-    short: string;
+    short?: string;
 }
 
 export interface GrammarTableDefinition {