From 4bfdb66d468302ef7382c8ac51c3d52bfc4d8bdb Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Wed, 15 May 2024 15:14:46 -0700
Subject: [PATCH] fix: i18n t prop type

---
 web/components/I18nHost.ce.vue                         | 2 +-
 web/components/KeyActions.vue                          | 3 ++-
 web/components/Modal.vue                               | 3 ++-
 web/components/Registration/KeyLinkedStatus.vue        | 3 ++-
 web/components/Registration/ReplaceCheck.vue           | 3 ++-
 web/components/Registration/UpdateExpiration.vue       | 3 ++-
 web/components/Registration/UpdateExpirationAction.vue | 3 ++-
 web/components/UpdateOs/CallbackButton.vue             | 3 ++-
 web/components/UpdateOs/ChangelogModal.vue             | 3 ++-
 web/components/UpdateOs/CheckUpdateResponseModal.vue   | 3 ++-
 web/components/UpdateOs/Downgrade.vue                  | 3 ++-
 web/components/UpdateOs/IgnoredRelease.vue             | 3 ++-
 web/components/UpdateOs/Status.vue                     | 3 ++-
 web/components/UpdateOs/ThirdPartyDrivers.vue          | 3 ++-
 web/components/UpdateOs/Update.vue                     | 3 ++-
 web/components/UpdateOs/UpdateIneligible.vue           | 3 ++-
 web/components/UserProfile/CallbackFeedback.vue        | 3 ++-
 web/components/UserProfile/DropdownConnectStatus.vue   | 3 ++-
 web/components/UserProfile/DropdownContent.vue         | 3 ++-
 web/components/UserProfile/DropdownError.vue           | 3 ++-
 web/components/UserProfile/DropdownItem.vue            | 4 +++-
 web/components/UserProfile/DropdownLaunchpad.vue       | 4 +++-
 web/components/UserProfile/DropdownTrigger.vue         | 3 ++-
 web/components/UserProfile/Promo.vue                   | 3 ++-
 web/components/UserProfile/ServerState.vue             | 3 ++-
 web/components/UserProfile/Trial.vue                   | 4 +++-
 web/components/UserProfile/UptimeExpire.vue            | 3 ++-
 27 files changed, 56 insertions(+), 27 deletions(-)

diff --git a/web/components/I18nHost.ce.vue b/web/components/I18nHost.ce.vue
index 2f7884915..86b00c49a 100644
--- a/web/components/I18nHost.ce.vue
+++ b/web/components/I18nHost.ce.vue
@@ -17,7 +17,7 @@ let nonDefaultLocale = false;
  * Unfortunately, this was the only way I could get the data from PHP to vue-i18n :(
  * I tried using i18n.setLocaleMessage() but it didn't work no matter what I tried.
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any - window.LOCALE_DATA is set in webgui PHP
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const windowLocaleData = (window as any).LOCALE_DATA || null;
 if (windowLocaleData) {
   try {
diff --git a/web/components/KeyActions.vue b/web/components/KeyActions.vue
index 44286921a..0925f06f6 100644
--- a/web/components/KeyActions.vue
+++ b/web/components/KeyActions.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { ArrowTopRightOnSquareIcon } from '@heroicons/vue/24/solid';
 import { storeToRefs } from 'pinia';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import { useServerStore } from '~/store/server';
 import type { ServerStateDataAction } from '~/types/server';
@@ -10,7 +11,7 @@ const props = withDefaults(defineProps<{
   filterBy?: string[] | undefined;
   filterOut?: string[] | undefined;
   maxWidth?: boolean;
-  t: any;
+  t: ComposerTranslation;
 }>(), {
   actions: undefined,
   filterBy: undefined,
diff --git a/web/components/Modal.vue b/web/components/Modal.vue
index a9d317519..22d1b8c07 100644
--- a/web/components/Modal.vue
+++ b/web/components/Modal.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { TransitionChild, TransitionRoot } from '@headlessui/vue';
 import { XMarkIcon } from '@heroicons/vue/24/outline';
+import type { ComposerTranslation } from 'vue-i18n';
 
 export interface Props {
   centerContent?: boolean;
@@ -10,7 +11,7 @@ export interface Props {
   open?: boolean;
   showCloseX?: boolean;
   success?: boolean;
-  t: any;
+  t: ComposerTranslation;
   tallContent?: boolean;
   title?: string;
 }
diff --git a/web/components/Registration/KeyLinkedStatus.vue b/web/components/Registration/KeyLinkedStatus.vue
index 32de6440a..70e77016d 100644
--- a/web/components/Registration/KeyLinkedStatus.vue
+++ b/web/components/Registration/KeyLinkedStatus.vue
@@ -5,6 +5,7 @@ import {
   LinkIcon,
 } from '@heroicons/vue/24/solid';
 import { storeToRefs } from 'pinia';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import { useAccountStore } from '~/store/account';
 import { useReplaceRenewStore } from '~/store/replaceRenew';
@@ -14,7 +15,7 @@ const replaceRenewStore = useReplaceRenewStore();
 const { keyLinkedStatus, keyLinkedOutput } = storeToRefs(replaceRenewStore);
 
 defineProps<{
-  t: any;
+  t: ComposerTranslation;
 }>();
 </script>
 
diff --git a/web/components/Registration/ReplaceCheck.vue b/web/components/Registration/ReplaceCheck.vue
index e1da18130..295c891ec 100644
--- a/web/components/Registration/ReplaceCheck.vue
+++ b/web/components/Registration/ReplaceCheck.vue
@@ -4,6 +4,7 @@ import {
   KeyIcon,
 } from '@heroicons/vue/24/solid';
 import { storeToRefs } from 'pinia';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import { DOCS_REGISTRATION_REPLACE_KEY } from '~/helpers/urls';
 import { useReplaceRenewStore } from '~/store/replaceRenew';
@@ -12,7 +13,7 @@ const replaceRenewStore = useReplaceRenewStore();
 const { replaceStatusOutput } = storeToRefs(replaceRenewStore);
 
 defineProps<{
-  t: any;
+  t: ComposerTranslation;
 }>();
 </script>
 
diff --git a/web/components/Registration/UpdateExpiration.vue b/web/components/Registration/UpdateExpiration.vue
index b5f559ba6..dbe68c0dd 100644
--- a/web/components/Registration/UpdateExpiration.vue
+++ b/web/components/Registration/UpdateExpiration.vue
@@ -1,12 +1,13 @@
 <script setup lang="ts">
 import { storeToRefs } from 'pinia';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import useDateTimeHelper from '~/composables/dateTime';
 import { useServerStore } from '~/store/server';
 
 export interface Props {
   componentIs?: string;
-  t: any;
+  t: ComposerTranslation;
 }
 
 const props = withDefaults(defineProps<Props>(), {
diff --git a/web/components/Registration/UpdateExpirationAction.vue b/web/components/Registration/UpdateExpirationAction.vue
index 996d7fb8f..480961bc5 100644
--- a/web/components/Registration/UpdateExpirationAction.vue
+++ b/web/components/Registration/UpdateExpirationAction.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ArrowPathIcon, ArrowTopRightOnSquareIcon } from '@heroicons/vue/24/solid';
 import { storeToRefs } from 'pinia';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import useDateTimeHelper from '~/composables/dateTime';
 import { DOCS_REGISTRATION_LICENSING } from '~/helpers/urls';
@@ -8,7 +9,7 @@ import { useReplaceRenewStore } from '~/store/replaceRenew';
 import { useServerStore } from '~/store/server';
 
 export interface Props {
-  t: any;
+  t: ComposerTranslation;
 }
 
 const props = defineProps<Props>();
diff --git a/web/components/UpdateOs/CallbackButton.vue b/web/components/UpdateOs/CallbackButton.vue
index c1080669b..2a3fe9bf6 100644
--- a/web/components/UpdateOs/CallbackButton.vue
+++ b/web/components/UpdateOs/CallbackButton.vue
@@ -1,12 +1,13 @@
 <script setup lang="ts">
 import { ArrowPathIcon, ArrowTopRightOnSquareIcon } from '@heroicons/vue/24/solid';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import { useAccountStore } from '~/store/account';
 import type { ButtonStyle } from '~/types/ui/button';
 
 defineProps<{
   btnStyle?: ButtonStyle;
-  t: any;
+  t: ComposerTranslation;
 }>();
 
 const accountStore = useAccountStore();
diff --git a/web/components/UpdateOs/ChangelogModal.vue b/web/components/UpdateOs/ChangelogModal.vue
index 83c1024c1..a8c4596f9 100644
--- a/web/components/UpdateOs/ChangelogModal.vue
+++ b/web/components/UpdateOs/ChangelogModal.vue
@@ -9,6 +9,7 @@ import {
 } from '@heroicons/vue/24/solid';
 import { storeToRefs } from 'pinia';
 import { computed } from 'vue';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import { usePurchaseStore } from '~/store/purchase';
 import { useUpdateOsStore } from '~/store/updateOs';
@@ -17,7 +18,7 @@ import { useUpdateOsChangelogStore } from '~/store/updateOsChangelog';
 
 export interface Props {
   open?: boolean;
-  t: any;
+  t: ComposerTranslation;
 }
 
 const props = withDefaults(defineProps<Props>(), {
diff --git a/web/components/UpdateOs/CheckUpdateResponseModal.vue b/web/components/UpdateOs/CheckUpdateResponseModal.vue
index 323d0dbec..3529adea3 100644
--- a/web/components/UpdateOs/CheckUpdateResponseModal.vue
+++ b/web/components/UpdateOs/CheckUpdateResponseModal.vue
@@ -9,6 +9,7 @@ import {
 } from '@heroicons/vue/24/solid';
 import { Switch, SwitchGroup, SwitchLabel } from '@headlessui/vue';
 import { storeToRefs } from 'pinia';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import useDateTimeHelper from '~/composables/dateTime';
 import { useAccountStore } from '~/store/account';
@@ -20,7 +21,7 @@ import type { ButtonProps } from '~/types/ui/button';
 
 export interface Props {
   open?: boolean;
-  t: any;
+  t: ComposerTranslation;
 }
 
 const props = withDefaults(defineProps<Props>(), {
diff --git a/web/components/UpdateOs/Downgrade.vue b/web/components/UpdateOs/Downgrade.vue
index 672095b33..11aaa134e 100644
--- a/web/components/UpdateOs/Downgrade.vue
+++ b/web/components/UpdateOs/Downgrade.vue
@@ -9,6 +9,7 @@ import {
 import dayjs from 'dayjs';
 import { storeToRefs } from 'pinia';
 import { ref } from 'vue';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import 'tailwindcss/tailwind.css';
 import '~/assets/main.css';
@@ -20,7 +21,7 @@ import { useUpdateOsActionsStore } from '~/store/updateOsActions';
 import type { UserProfileLink } from '~/types/userProfile';
 
 const props = defineProps<{
-  t: any;
+  t: ComposerTranslation;
   releaseDate: string;
   version: string;
 }>();
diff --git a/web/components/UpdateOs/IgnoredRelease.vue b/web/components/UpdateOs/IgnoredRelease.vue
index b3136c392..4ec445329 100644
--- a/web/components/UpdateOs/IgnoredRelease.vue
+++ b/web/components/UpdateOs/IgnoredRelease.vue
@@ -1,12 +1,13 @@
 <script setup lang="ts">
 import { XMarkIcon } from '@heroicons/vue/24/solid';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import { useServerStore } from '~/store/server';
 import { useThemeStore } from '~/store/theme';
 
 export interface Props {
   label: string;
-  t: any;
+  t: ComposerTranslation;
 }
 
 withDefaults(defineProps<Props>(), {
diff --git a/web/components/UpdateOs/Status.vue b/web/components/UpdateOs/Status.vue
index b44dfecee..4fc519f70 100644
--- a/web/components/UpdateOs/Status.vue
+++ b/web/components/UpdateOs/Status.vue
@@ -17,6 +17,7 @@ import { useServerStore } from '~/store/server';
 import { useUpdateOsStore } from '~/store/updateOs';
 import { useUpdateOsActionsStore } from '~/store/updateOsActions';
 import type { ButtonProps } from '~/types/ui/button';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import BrandLoadingWhite from '~/components/Brand/LoadingWhite.vue';
 
@@ -24,7 +25,7 @@ export interface Props {
   downgradeNotAvailable?: boolean;
   restoreVersion?: string | undefined;
   showUpdateCheck?: boolean;
-  t: any;
+  t: ComposerTranslation;
   title?: string;
   subtitle?: string;
 }
diff --git a/web/components/UpdateOs/ThirdPartyDrivers.vue b/web/components/UpdateOs/ThirdPartyDrivers.vue
index ee39942c3..19a1c7dfc 100644
--- a/web/components/UpdateOs/ThirdPartyDrivers.vue
+++ b/web/components/UpdateOs/ThirdPartyDrivers.vue
@@ -1,11 +1,12 @@
 <script lang="ts" setup>
 import { ExclamationTriangleIcon } from '@heroicons/vue/24/solid';
 import { storeToRefs } from 'pinia';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import { useUpdateOsActionsStore } from '~/store/updateOsActions';
 
 defineProps<{
-  t: any;
+  t: ComposerTranslation;
 }>();
 
 const { rebootTypeText } = storeToRefs(useUpdateOsActionsStore());
diff --git a/web/components/UpdateOs/Update.vue b/web/components/UpdateOs/Update.vue
index 3269a9fe6..fb50a4838 100644
--- a/web/components/UpdateOs/Update.vue
+++ b/web/components/UpdateOs/Update.vue
@@ -15,6 +15,7 @@ import {
 import dayjs from 'dayjs';
 import { storeToRefs } from 'pinia';
 import { ref, watchEffect } from 'vue';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import 'tailwindcss/tailwind.css';
 import '~/assets/main.css';
@@ -26,7 +27,7 @@ import { useUpdateOsActionsStore } from '~/store/updateOsActions';
 import type { UserProfileLink } from '~/types/userProfile';
 
 const props = defineProps<{
-  t: any;
+  t: ComposerTranslation;
 }>();
 
 const serverStore = useServerStore();
diff --git a/web/components/UpdateOs/UpdateIneligible.vue b/web/components/UpdateOs/UpdateIneligible.vue
index 45c7535e8..0be124059 100644
--- a/web/components/UpdateOs/UpdateIneligible.vue
+++ b/web/components/UpdateOs/UpdateIneligible.vue
@@ -7,6 +7,7 @@ import {
 import dayjs from 'dayjs';
 import { storeToRefs } from 'pinia';
 import { ref, watchEffect } from 'vue';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import 'tailwindcss/tailwind.css';
 import '~/assets/main.css';
@@ -18,7 +19,7 @@ import { useUpdateOsActionsStore } from '~/store/updateOsActions';
 import type { UserProfileLink } from '~/types/userProfile';
 
 const props = defineProps<{
-  t: any;
+  t: ComposerTranslation;
 }>();
 
 const serverStore = useServerStore();
diff --git a/web/components/UserProfile/CallbackFeedback.vue b/web/components/UserProfile/CallbackFeedback.vue
index 3c37a50ef..d9302c4d5 100644
--- a/web/components/UserProfile/CallbackFeedback.vue
+++ b/web/components/UserProfile/CallbackFeedback.vue
@@ -11,6 +11,7 @@ import {
   XMarkIcon,
 } from '@heroicons/vue/24/solid';
 import { storeToRefs } from 'pinia';
+import type { ComposerTranslation } from 'vue-i18n';
 import 'tailwindcss/tailwind.css';
 import '~/assets/main.css';
 import { WEBGUI_CONNECT_SETTINGS, WEBGUI_TOOLS_REGISTRATION } from '~/helpers/urls';
@@ -23,7 +24,7 @@ import { useUpdateOsActionsStore } from '~/store/updateOsActions';
 
 export interface Props {
   open?: boolean;
-  t: any;
+  t: ComposerTranslation;
 }
 
 const props = withDefaults(defineProps<Props>(), {
diff --git a/web/components/UserProfile/DropdownConnectStatus.vue b/web/components/UserProfile/DropdownConnectStatus.vue
index adcfa5f6c..cef048502 100644
--- a/web/components/UserProfile/DropdownConnectStatus.vue
+++ b/web/components/UserProfile/DropdownConnectStatus.vue
@@ -1,12 +1,13 @@
 <script setup lang="ts">
 import { ExclamationTriangleIcon, CheckCircleIcon, UserCircleIcon } from '@heroicons/vue/24/solid';
 import { storeToRefs } from 'pinia';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import BrandLoading from '~/components/Brand/Loading.vue';
 import { useUnraidApiStore } from '~/store/unraidApi';
 import { useServerStore } from '~/store/server';
 
-const props = defineProps<{ t: any; }>();
+const props = defineProps<{ t: ComposerTranslation; }>();
 
 const { username } = storeToRefs(useServerStore());
 
diff --git a/web/components/UserProfile/DropdownContent.vue b/web/components/UserProfile/DropdownContent.vue
index 75fb8bb67..c3f380122 100644
--- a/web/components/UserProfile/DropdownContent.vue
+++ b/web/components/UserProfile/DropdownContent.vue
@@ -9,6 +9,7 @@ import {
   KeyIcon,
   UserIcon,
 } from '@heroicons/vue/24/solid';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import {
   CONNECT_DASHBOARD,
@@ -23,7 +24,7 @@ import { useServerStore } from '~/store/server';
 import { useUpdateOsStore } from '~/store/updateOs';
 import type { UserProfileLink } from '~/types/userProfile';
 
-const props = defineProps<{ t: any; }>();
+const props = defineProps<{ t: ComposerTranslation; }>();
 
 const accountStore = useAccountStore();
 const errorsStore = useErrorsStore();
diff --git a/web/components/UserProfile/DropdownError.vue b/web/components/UserProfile/DropdownError.vue
index 98350d978..bb9c93e25 100644
--- a/web/components/UserProfile/DropdownError.vue
+++ b/web/components/UserProfile/DropdownError.vue
@@ -1,12 +1,13 @@
 <script setup lang="ts">
 // eslint-disable vue/no-v-html
 import { storeToRefs } from 'pinia';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import { useErrorsStore } from '~/store/errors';
 import type { ServerStateDataAction } from '~/types/server';
 import type { UserProfileLink } from '~/types/userProfile';
 
-defineProps<{ t: any; }>();
+defineProps<{ t: ComposerTranslation; }>();
 
 const errorsStore = useErrorsStore();
 const { errors } = storeToRefs(errorsStore);
diff --git a/web/components/UserProfile/DropdownItem.vue b/web/components/UserProfile/DropdownItem.vue
index fbcee0901..d80ec046a 100644
--- a/web/components/UserProfile/DropdownItem.vue
+++ b/web/components/UserProfile/DropdownItem.vue
@@ -1,12 +1,14 @@
 <script setup lang="ts">
 import { ArrowTopRightOnSquareIcon } from '@heroicons/vue/24/solid';
+import type { ComposerTranslation } from 'vue-i18n';
+
 import type { ServerStateDataAction } from '~/types/server';
 import type { UserProfileLink } from '~/types/userProfile';
 
 export interface Props {
   item: ServerStateDataAction | UserProfileLink;
   rounded?: boolean;
-  t: any;
+  t: ComposerTranslation;
 }
 
 const props = withDefaults(defineProps<Props>(), {
diff --git a/web/components/UserProfile/DropdownLaunchpad.vue b/web/components/UserProfile/DropdownLaunchpad.vue
index ffa7d8ebe..fec78ef53 100644
--- a/web/components/UserProfile/DropdownLaunchpad.vue
+++ b/web/components/UserProfile/DropdownLaunchpad.vue
@@ -1,5 +1,7 @@
 <script lang="ts" setup>
 import { storeToRefs } from 'pinia';
+import type { ComposerTranslation } from 'vue-i18n';
+
 import { useServerStore } from '~/store/server';
 import { useUnraidApiStore } from '~/store/unraidApi';
 
@@ -8,7 +10,7 @@ import '~/assets/main.css';
 
 import BrandLoadingWhite from '~/components/Brand/LoadingWhite.vue';
 
-defineProps<{ t: any; }>();
+defineProps<{ t: ComposerTranslation; }>();
 
 const { expireTime, connectPluginInstalled, state, stateData } = storeToRefs(useServerStore());
 const { unraidApiStatus, unraidApiRestartAction } = storeToRefs(useUnraidApiStore());
diff --git a/web/components/UserProfile/DropdownTrigger.vue b/web/components/UserProfile/DropdownTrigger.vue
index 2648ab68f..b2c3b37e8 100644
--- a/web/components/UserProfile/DropdownTrigger.vue
+++ b/web/components/UserProfile/DropdownTrigger.vue
@@ -8,13 +8,14 @@ import {
   InformationCircleIcon,
   ShieldExclamationIcon,
 } from '@heroicons/vue/24/solid';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import { useDropdownStore } from '~/store/dropdown';
 import { useErrorsStore } from '~/store/errors';
 import { useServerStore } from '~/store/server';
 import { useUpdateOsStore } from '~/store/updateOs';
 
-const props = defineProps<{ t: any; }>();
+const props = defineProps<{ t: ComposerTranslation; }>();
 
 const dropdownStore = useDropdownStore();
 const { dropdownVisible } = storeToRefs(dropdownStore);
diff --git a/web/components/UserProfile/Promo.vue b/web/components/UserProfile/Promo.vue
index 5f0a21d23..7a4f6e8ac 100644
--- a/web/components/UserProfile/Promo.vue
+++ b/web/components/UserProfile/Promo.vue
@@ -4,6 +4,7 @@
  */
 import { Switch, SwitchGroup, SwitchLabel } from '@headlessui/vue';
 import { ArrowTopRightOnSquareIcon } from '@heroicons/vue/24/solid';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import useInstallPlugin from '~/composables/installPlugin';
 import { CONNECT_DOCS } from '~/helpers/urls';
@@ -14,7 +15,7 @@ import '~/assets/main.css';
 
 export interface Props {
   open?: boolean;
-  t: any;
+  t: ComposerTranslation;
 }
 
 withDefaults(defineProps<Props>(), {
diff --git a/web/components/UserProfile/ServerState.vue b/web/components/UserProfile/ServerState.vue
index cb435aa81..729547e83 100644
--- a/web/components/UserProfile/ServerState.vue
+++ b/web/components/UserProfile/ServerState.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import { storeToRefs } from 'pinia';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import { useServerStore } from '~/store/server';
 import type { ServerStateDataAction } from '~/types/server';
 
-defineProps<{ t: any; }>();
+defineProps<{ t: ComposerTranslation; }>();
 
 const { state, stateData } = storeToRefs(useServerStore());
 
diff --git a/web/components/UserProfile/Trial.vue b/web/components/UserProfile/Trial.vue
index 2b2902782..6ff6915ea 100644
--- a/web/components/UserProfile/Trial.vue
+++ b/web/components/UserProfile/Trial.vue
@@ -1,10 +1,12 @@
 <script lang="ts" setup>
 import { storeToRefs } from 'pinia';
+import type { ComposerTranslation } from 'vue-i18n';
+
 import { useTrialStore } from '~/store/trial';
 
 export interface Props {
   open?: boolean;
-  t: any;
+  t: ComposerTranslation;
 }
 
 const props = withDefaults(defineProps<Props>(), {
diff --git a/web/components/UserProfile/UptimeExpire.vue b/web/components/UserProfile/UptimeExpire.vue
index 00014e899..54ee1a671 100644
--- a/web/components/UserProfile/UptimeExpire.vue
+++ b/web/components/UserProfile/UptimeExpire.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { storeToRefs } from 'pinia';
+import type { ComposerTranslation } from 'vue-i18n';
 
 import useDateTimeHelper from '~/composables/dateTime';
 import { useServerStore } from '~/store/server';
@@ -7,7 +8,7 @@ import { useServerStore } from '~/store/server';
 export interface Props {
   forExpire?: boolean;
   shortText?: boolean;
-  t: any;
+  t: ComposerTranslation;
 }
 
 const props = withDefaults(defineProps<Props>(), {