added i18n for months

src/common/InfoDashboard/index.vue

@@ -67,6 +67,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useI18n } from '@/composables'
 import { SelectField } from '@/fields'
 import { ErrorHandler } from '@/helpers'
 import { useWeb3ProvidersStore } from '@/store'
@@ -97,17 +98,21 @@ const props = withDefaults(
   },
 )
 
+const { t } = useI18n()
+
+const web3ProvidersStore = useWeb3ProvidersStore()
+
 const monthOptions: FieldOption<number>[] = [
   {
-    title: 'February',
+    title: t('months.february'),
     value: 2,
   },
   {
-    title: 'March',
+    title: t('months.march'),
     value: 3,
   },
   {
-    title: 'April',
+    title: t('months.april'),
     value: 4,
   },
 ]
@@ -118,8 +123,6 @@ const isChartDataUpdating = ref(false)
 
 const chartConfig = reactive<ChartConfig>({ ...CHART_CONFIG })
 
-const web3ProvidersStore = useWeb3ProvidersStore()
-
 const updateChartData = async (month: number) => {
   if (!props.poolData) throw new Error('poolData unavailable')
 

src/localization/resources/en.json

@@ -152,5 +152,19 @@
     "default-message-warning": "Something you are doing is not recommended",
     "default-message-info": "Something is happening. Just want you to know that",
     "default-message-default": "Just a message"
+  },
+  "months": {
+    "january": "January",
+    "february": "February",
+    "march": "March",
+    "april": "April",
+    "may": "May",
+    "june": "June",
+    "july": "July",
+    "august": "August",
+    "september": "September",
+    "october": "October",
+    "november": "November",
+    "december": "December"
   }
 }