improve i18n

src/components/ui/pagination/PaginationNext.vue

@@ -4,6 +4,7 @@
     import { buttonVariants } from '@/components/ui/button';
     import { cn } from '@/lib/utils';
     import { reactiveOmit } from '@vueuse/core';
+    import { useI18n } from 'vue-i18n';
 
     const props = defineProps({
         asChild: { type: Boolean, required: false },
@@ -12,6 +13,8 @@
         class: { type: null, required: false }
     });
 
+    const { t } = useI18n();
+
     const delegatedProps = reactiveOmit(props, 'class', 'size');
     const forwarded = useForwardProps(delegatedProps);
 </script>
@@ -22,7 +25,9 @@
         :class="cn(buttonVariants({ variant: 'ghost', size }), 'text-[13px] gap-1 px-2.5 sm:pr-2.5', props.class)"
         v-bind="forwarded">
         <slot>
-            <span class="hidden sm:block">Next</span>
+            <span class="hidden sm:block">
+                {{ t('table.pagination.next') }}
+            </span>
             <ChevronRightIcon />
         </slot>
     </PaginationNext>