feat: add hub

layers/diary/app/components/DiaryTimeline.vue

@@ -7,10 +7,11 @@ const log = useLog()
 <template>
   <div class="mx-auto max-w-3xl">
     <div class="mb-8 flex flex-wrap items-center justify-between gap-3">
-      <h1 class="text-2xl font-semibold text-highlighted">Diary</h1>
+      <h1 class="text-2xl font-semibold text-highlighted">Tagebuch</h1>
       <div class="flex w-full items-center gap-2 sm:w-auto">
-        <UInput v-model="search" icon="i-lucide-search" placeholder="Search the diary" class="flex-1 sm:w-64 sm:flex-none" />
-        <UButton icon="i-lucide-plus" label="Log" @click="log.show()" />
+        <UInput v-model="search" icon="i-lucide-search" placeholder="Tagebuch durchsuchen" class="flex-1 sm:w-64 sm:flex-none" />
+        <UButton icon="i-lucide-plus" label="Eintragen" @click="log.show()" />
+        <AppHeaderActions />
       </div>
     </div>
 
@@ -20,7 +21,7 @@ const log = useLog()
       color="error"
       variant="subtle"
       icon="i-lucide-triangle-alert"
-      :title="`Couldn't load your ${what}`"
+      :title="`${what} konnten nicht geladen werden`"
       :description="errorMessage(error)"
       class="mb-6"
     />
@@ -38,7 +39,7 @@ const log = useLog()
     </section>
 
     <p v-if="!years.length && !errors.length" class="py-16 text-center text-muted">
-      {{ search ? 'Nothing in the diary matches your search.' : 'Nothing logged yet.' }}
+      {{ search ? 'Nichts im Tagebuch passt zur Suche.' : 'Noch nichts eingetragen.' }}
     </p>
   </div>
 </template>