feat(i18n): translate empty component

Author: dvcol

src/components/views/history/HistoryEmpty.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import { NEmpty } from 'naive-ui';
 
+import { useI18n } from '~/utils';
+
+const i18n = useI18n('history', 'empty');
+
 defineProps({
   page: {
     type: Number,
@@ -23,16 +27,16 @@ defineProps({
 <template>
   <NEmpty size="large" :show-description="false">
     <template #extra>
-      <span class="empty">No data found.</span>
+      <span class="empty">{{ i18n('no_data') }}</span>
       <div v-if="page && pageCount">
         <div class="empty">
-          Pages searched <span class="page"> {{ page }} </span> out of
-          <span class="page"> {{ pageCount }} </span>.
+          {{ i18n('pages_line_1') }} <span class="page"> {{ page }} </span>
+          {{ i18n('pages_line_2') }} <span class="page"> {{ pageCount }} </span>.
         </div>
         <template v-if="page < pageCount">
-          <div class="empty">Increase the page size to search more.</div>
+          <div class="empty">{{ i18n('page_size') }}</div>
           <div class="empty">
-            Current page size is <span class="page"> {{ pageSize }} </span>.
+            {{ i18n('current_page_size') }} <span class="page"> {{ pageSize }} </span>.
           </div>
         </template>
       </div>

src/components/views/history/HistoryNavbar.vue

@@ -77,7 +77,7 @@ const onDateChange = debounce((values?: [number, number]) => {
       </template>
     </NInput>
     <NTooltip
-      :arrow="false"
+      :show-arrow="false"
       placement="bottom"
       :delay="500"
       trigger="hover"

src/i18n/en/history/history.json

@@ -0,0 +1,22 @@
+{
+  "history__empty__no_data": {
+    "message": "No data found.",
+    "description": "Empty message when there is no data to display in the history view."
+  },
+  "history__empty__pages_line_1": {
+    "message": "Pages searched",
+    "description": "First line of the history empty pagination message."
+  },
+  "history__empty__pages_line_2": {
+    "message": "out of",
+    "description": "Second line of the history empty pagination message."
+  },
+  "history__empty__page_size": {
+    "message": "Increase the page size to widen the search.",
+    "description": "Prompt user to increase the page size to widen the search."
+  },
+  "history__empty__current_page_size": {
+    "message": "Current page size is",
+    "description": "Current page size label."
+  }
+}