make the header title configurable

Youssef-Harby · Nov 29, 2024 · 05e5c8f · 05e5c8f
1 parent 5d191ff
commit 05e5c8f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/public/config.json b/public/config.json
@@ -11,14 +11,16 @@
         "name": "English",
         "direction": "ltr",
         "queryParam": null,
-        "flag": "🇺🇸"
+        "flag": "🇺🇸",
+        "headerTitle": "pygeoapi-map"
       },
       {
         "code": "ar-EG",
         "name": "العربية",
         "direction": "rtl",
         "queryParam": "?lang=ar-EG",
-        "flag": "🇪🇬"
+        "flag": "🇪🇬",
+        "headerTitle": "خريطة pygeoapi"
       }
     ]
   },

diff --git a/src/components/Header.vue b/src/components/Header.vue
@@ -1,6 +1,6 @@
 <template>
   <header class="header">
-    <h1 class="title">{{ $t('app.title') }}</h1>
+    <h1 class="title">{{ headerTitle }}</h1>
 
     <div class="server-selector">
       <div class="server-display" @click="showServerInput = !showServerInput">
@@ -63,6 +63,10 @@ export default {
     },
     locale() {
       return this.currentLocale
+    },
+    headerTitle() {
+      const currentLocaleObj = this.supportedLocales.find(locale => locale.code === this.currentLocale)
+      return currentLocaleObj?.headerTitle || 'pygeoapi-map'
     }
   },
   methods: {