Add locale for blocked page

Author: Stigmatoz

src/_locales/en/messages.json

@@ -207,5 +207,11 @@
   },
   "review": {
     "message": "Leave a review!"
+  },
+  "block": {
+    "message": "You've reached your limit today on "
+  },
+  "5mins": {
+    "message": "+ 5 minutes"
   }
 }

src/_locales/ru/messages.json

@@ -207,5 +207,11 @@
   },
   "review": {
     "message": "Оставьте отзыв!"
+  },
+  "block": {
+    "message": "Вы достигли лимита использования сегодня на "
+  },
+  "5mins": {
+    "message": "+ 5 минут"
   }
 }

src/pages/Block.vue

@@ -5,36 +5,39 @@
       <p class="d-inline-block header">Web Activity Time Tracker</p>
     </div>
     <p>
-      You've reached your limit today on <span>{{ webSite }}</span>
+      {{ t('block.message') }}<span>{{ webSite }}</span>
     </p>
     <table>
       <tr>
-        <td class="title">Limit:</td>
+        <td class="title">{{ t('limit.message') }}:</td>
         <td class="value">{{ limitTimeString }}</td>
       </tr>
       <tr>
-        <td class="title">Sessions:</td>
+        <td class="title">{{ t('sessions.message') }}:</td>
         <td class="value">{{ summaryCounter }}</td>
       </tr>
     </table>
     <input
       v-if="allowDeferringBlock && haveToShowDeffering"
       type="button"
       class="mt-20"
-      value="+5 minutes"
+      :value="t('5mins.message')"
       @click="deferring()"
     />
   </div>
 </template>
 
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { getValueFromQuery } from '../utils/block-page';
 import { injecStorage } from '../storage/inject-storage';
 import { BLOCK_DEFERRAL_DEFAULT, StorageParams } from '../storage/storage-params';
 import { convertLimitTimeToString } from '../utils/converter';
 import { defering, canDefering } from '../compositions/deferList';
 
+const { t } = useI18n();
+
 const settingsStorage = injecStorage();
 
 const webSite = ref<string>();