From 250bbe12ddbae5e5be7b260f5b48ac02e39c456d Mon Sep 17 00:00:00 2001
From: Mysterious_Dev <mysteriousdevs@gmail.com>
Date: Sun, 12 Nov 2023 17:14:46 +0100
Subject: [PATCH] Add translation keys for Pagination component

---
 lib/components/base/Pagination.vue | 16 ++++++++++++++--
 locales/en-US/index.json           |  6 ++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/lib/components/base/Pagination.vue b/lib/components/base/Pagination.vue
index 282b28786..cab64b2db 100644
--- a/lib/components/base/Pagination.vue
+++ b/lib/components/base/Pagination.vue
@@ -4,7 +4,7 @@
       :class="{ disabled: page === 1 }"
       :tabindex="page === 1 ? -1 : 0"
       class="left-arrow paginate has-icon"
-      aria-label="Previous Page"
+      :aria-label="formatMessage(messages.previousPageLabel)"
       :href="linkFunction(page - 1)"
       @click.prevent="page !== 1 ? switchPage(page - 1) : null"
     >
@@ -41,7 +41,7 @@
       }"
       :tabindex="page === pages[pages.length - 1] ? -1 : 0"
       class="right-arrow paginate has-icon"
-      aria-label="Next Page"
+      :aria-label="formatMessage(messages.nextPageLabel)"
       :href="linkFunction(page + 1)"
       @click.prevent="page !== pages[pages.length - 1] ? switchPage(page + 1) : null"
     >
@@ -51,6 +51,18 @@
 </template>
 <script setup>
 import { GapIcon, LeftArrowIcon, RightArrowIcon } from '@'
+import { useVIntl, defineMessages } from '@vintl/vintl'
+const messages = defineMessages({
+  nextPageLabel: {
+    id: 'omorphia.component.pagination.label.next-page',
+    defaultMessage: 'Next Page',
+  },
+  previousPageLabel: {
+    id: 'omorphia.component.pagination.label.previous-page',
+    defaultMessage: 'Previous Page',
+  },
+})
+const { formatMessage } = useVIntl()
 </script>
 <script>
 import { defineComponent } from 'vue'
diff --git a/locales/en-US/index.json b/locales/en-US/index.json
index c0a3243bc..328d68e05 100644
--- a/locales/en-US/index.json
+++ b/locales/en-US/index.json
@@ -1,5 +1,11 @@
 {
   "omorphia.component.copy.action.copy": {
     "defaultMessage": "Copy code to clipboard"
+  },
+  "omorphia.component.pagination.label.next-page": {
+    "defaultMessage": "Next Page"
+  },
+  "omorphia.component.pagination.label.previous-page": {
+    "defaultMessage": "Previous Page"
   }
 }