feat: add hub

layers/diary/app/components/NoteForm.vue

@@ -4,7 +4,7 @@ import type { FormSubmitEvent } from '@nuxt/ui'
 const emit = defineEmits<{ saved: [] }>()
 
 const state = reactive({ date: todayIso(), text: '' })
-const { saving, save } = useSaveEntry({ url: '/api/diary/notes', dataKey: 'diary-notes', noun: 'note', onSaved: () => emit('saved') })
+const { saving, save } = useSaveEntry({ url: '/api/diary/notes', dataKey: 'diary-notes', saved: 'Notiz gespeichert', failed: 'Notiz konnte nicht gespeichert werden', onSaved: () => emit('saved') })
 
 function onSubmit(event: FormSubmitEvent<NewNoteInput>) {
   return save(event.data)
@@ -13,14 +13,14 @@ function onSubmit(event: FormSubmitEvent<NewNoteInput>) {
 
 <template>
   <UForm :schema="newNoteSchema" :state="state" class="space-y-5" @submit="onSubmit">
-    <UFormField label="Date" name="date" required>
+    <UFormField label="Datum" name="date" required>
       <UInput v-model="state.date" type="date" />
     </UFormField>
 
-    <UFormField label="Note" name="text" required>
+    <UFormField label="Notiz" name="text" required>
       <UTextarea v-model="state.text" :rows="8" autoresize :maxrows="18" class="w-full" autofocus />
     </UFormField>
 
-    <UButton type="submit" label="Save note" :icon="NOTE_ICON" :loading="saving" />
+    <UButton type="submit" label="Notiz speichern" :icon="NOTE_ICON" :loading="saving" />
   </UForm>
 </template>