Include name in translatable greeting

Signed-off-by: Julius Härtl <jus@bitgrid.net>

diff --git a/apps/dashboard/src/App.vue b/apps/dashboard/src/App.vue
index e7dc09e773c55db7ccf4bddec5ea2bb437d0d369..87c76a603b43496370b326606cf74b6037ec4975 100644 (file)
--- a/apps/dashboard/src/App.vue
+++ b/apps/dashboard/src/App.vue
@@ -1,6 +1,6 @@
 <template>
        <div id="app-dashboard">
-               <h2>{{ greeting.icon }} {{ greeting.text }}, {{ name }}</h2>
+               <h2>{{ greeting.icon }} {{ greeting.text }}</h2>
 
                <div class="panels">
                        <div v-for="panel in panels" :key="panel.id" class="panel">
@@ -37,18 +37,18 @@ export default {
                        const time = this.timer.getHours()
 
                        if (time > 18) {
-                               return { icon: '🌙', text: t('dashboard', 'Good evening') }
+                               return { icon: '🌙', text: t('dashboard', 'Good evening, {name}', { name: this.name }) }
                        }
                        if (time > 12) {
-                               return { icon: '☀', text: t('dashboard', 'Good afternoon') }
+                               return { icon: '☀', text: t('dashboard', 'Good afternoon, {name}', { name: this.name }) }
                        }
                        if (time === 12) {
-                               return { icon: '🍽', text: t('dashboard', 'Time for lunch') }
+                               return { icon: '🍽', text: t('dashboard', 'Time for lunch, {name}', { name: this.name }) }
                        }
                        if (time > 5) {
-                               return { icon: '🌄', text: t('dashboard', 'Good morning') }
+                               return { icon: '🌄', text: t('dashboard', 'Good morning, {name}', { name: this.name }) }
                        }
-                       return { icon: '🦉', text: t('dashboard', 'Have a night owl') }
+                       return { icon: '🦉', text: t('dashboard', 'Have a night owl, {name}', { name: this.name }) }
                },
        },
        watch: {