i18n implemented

app/components/DataTable.vue

@@ -90,7 +90,7 @@ const globalFilter = computed(() => String(table.atoms.globalFilter.get() ?? '')
             </TableRow>
           </template>
           <TableEmpty v-else :colspan="columns.length">
-            Keine Einträge.
+            {{ $t('misc.noEntries') }}
           </TableEmpty>
         </TableBody>
       </Table>
@@ -98,7 +98,7 @@ const globalFilter = computed(() => String(table.atoms.globalFilter.get() ?? '')
 
     <div v-if="pageCount > 1" class="flex items-center justify-between">
       <span class="text-sm text-muted-foreground">
-        Seite {{ pageIndex + 1 }} von {{ pageCount }}
+        {{ $t('misc.pageOf', { page: pageIndex + 1, total: pageCount }) }}
       </span>
       <div class="flex gap-2">
         <Button
@@ -107,7 +107,7 @@ const globalFilter = computed(() => String(table.atoms.globalFilter.get() ?? '')
           :disabled="!table.getCanPreviousPage()"
           @click="table.previousPage()"
         >
-          Zurück
+          {{ $t('common.previous') }}
         </Button>
         <Button
           variant="outline"
@@ -115,7 +115,7 @@ const globalFilter = computed(() => String(table.atoms.globalFilter.get() ?? '')
           :disabled="!table.getCanNextPage()"
           @click="table.nextPage()"
         >
-          Weiter
+          {{ $t('common.next') }}
         </Button>
       </div>
     </div>