fix type errors

src/app/components/Form/Label.vue

@@ -1,9 +1,11 @@
 <template>
-  <RLabel :for="id" class="md:align-middle md:leading-10"><slot /></RLabel>
+  <RLabel :for="props.for" class="md:align-middle md:leading-10"
+    ><slot
+  /></RLabel>
 </template>
 
 <script lang="ts" setup>
 import { Label as RLabel } from 'radix-vue';
 
-defineProps<{ id: string }>();
+const props = defineProps<{ for: string }>();
 </script>

src/app/components/Header/Update.vue

@@ -1,17 +1,17 @@
 <template>
   <div
-    v-if="globalStore.updateAvailable && globalStore.latestRelease"
+    v-if="globalStore.release?.updateAvailable"
     class="font-small mb-10 rounded-md bg-red-800 p-4 text-sm text-white shadow-lg dark:bg-red-100 dark:text-red-600"
-    :title="`v${globalStore.currentRelease} → v${globalStore.latestRelease.version}`"
+    :title="`v${globalStore.release.currentRelease} → v${globalStore.release.latestRelease.version}`"
   >
     <div class="container mx-auto flex flex-auto flex-row items-center">
       <div class="flex-grow">
         <p class="font-bold">{{ $t('update.updateAvailable') }}</p>
-        <p>{{ globalStore.latestRelease.changelog }}</p>
+        <p>{{ globalStore.release.latestRelease.changelog }}</p>
       </div>
 
       <a
-        :href="`https://github.com/wg-easy/wg-easy/releases/tag/${globalStore.latestRelease.version}`"
+        :href="`https://github.com/wg-easy/wg-easy/releases/tag/${globalStore.release.latestRelease.version}`"
         target="_blank"
         class="font-sm float-right flex-shrink-0 rounded-md border-2 border-red-800 bg-white p-3 font-semibold text-red-800 transition-all hover:border-white hover:bg-red-800 hover:text-white dark:border-red-600 dark:bg-red-100 dark:text-red-600 dark:hover:border-red-600 dark:hover:bg-red-600 dark:hover:text-red-100"
       >