i18n implemented

app/components/ui/pagination/PaginationEllipsis.vue

@@ -19,7 +19,7 @@ const delegatedProps = reactiveOmit(props, 'class')
   >
     <slot>
       <Icon name="ph:dots-three-fill" />
-      <span class="sr-only">Weitere Seiten</span>
+      <span class="sr-only">{{ $t('pagination.more') }}</span>
     </slot>
   </PaginationEllipsis>
 </template>

app/components/ui/pagination/PaginationFirst.vue

@@ -22,13 +22,13 @@ const forwarded = useForwardProps(delegatedProps)
 <template>
   <PaginationFirst
     data-slot="pagination-first"
-    aria-label="Erste Seite"
+    :aria-label="$t('pagination.first')"
     :class="cn(buttonVariants({ variant: 'ghost', size }), '', props.class)"
     v-bind="forwarded"
   >
     <slot>
       <Icon name="ph:caret-double-left-fill" data-icon="inline-start" />
-      <span class="hidden sm:block">Erste</span>
+      <span class="hidden sm:block">{{ $t('pagination.firstShort') }}</span>
     </slot>
   </PaginationFirst>
 </template>

app/components/ui/pagination/PaginationItem.vue

@@ -21,7 +21,7 @@ const delegatedProps = reactiveOmit(props, 'class', 'size', 'isActive')
 <template>
   <PaginationListItem
     data-slot="pagination-item"
-    :aria-label="`Seite ${value}`"
+    :aria-label="$t('pagination.page', { page: value })"
     v-bind="delegatedProps"
     :class="cn(
       buttonVariants({

app/components/ui/pagination/PaginationLast.vue

@@ -22,12 +22,12 @@ const forwarded = useForwardProps(delegatedProps)
 <template>
   <PaginationLast
     data-slot="pagination-last"
-    aria-label="Letzte Seite"
+    :aria-label="$t('pagination.last')"
     :class="cn(buttonVariants({ variant: 'ghost', size }), '', props.class)"
     v-bind="forwarded"
   >
     <slot>
-      <span class="hidden sm:block">Letzte</span>
+      <span class="hidden sm:block">{{ $t('pagination.lastShort') }}</span>
       <Icon name="ph:caret-double-right-fill" data-icon="inline-end" />
     </slot>
   </PaginationLast>

app/components/ui/pagination/PaginationNext.vue

@@ -22,12 +22,12 @@ const forwarded = useForwardProps(delegatedProps)
 <template>
   <PaginationNext
     data-slot="pagination-next"
-    aria-label="Nächste Seite"
+    :aria-label="$t('pagination.next')"
     :class="cn(buttonVariants({ variant: 'ghost', size }), 'pr-1.5!', props.class)"
     v-bind="forwarded"
   >
     <slot>
-      <span class="hidden sm:block">Weiter</span>
+      <span class="hidden sm:block">{{ $t('common.next') }}</span>
       <Icon name="ph:caret-right-fill" data-icon="inline-end" class="cn-rtl-flip" />
     </slot>
   </PaginationNext>

app/components/ui/pagination/PaginationPrevious.vue

@@ -22,13 +22,13 @@ const forwarded = useForwardProps(delegatedProps)
 <template>
   <PaginationPrev
     data-slot="pagination-previous"
-    aria-label="Vorherige Seite"
+    :aria-label="$t('pagination.prev')"
     :class="cn(buttonVariants({ variant: 'ghost', size }), 'pl-1.5!', props.class)"
     v-bind="forwarded"
   >
     <slot>
       <Icon name="ph:caret-left-fill" data-icon="inline-start" class="cn-rtl-flip" />
-      <span class="hidden sm:block">Zurück</span>
+      <span class="hidden sm:block">{{ $t('common.previous') }}</span>
     </slot>
   </PaginationPrev>
 </template>