fix: i18n t prop type

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 {

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,

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;
 }

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>
 

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>
 

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>(), {

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>();

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();

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>(), {

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>(), {

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;
 }>();

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>(), {

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;
 }

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());

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();

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();

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>(), {

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());
 

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();

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);

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>(), {

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());

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);

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>(), {

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());
 

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>(), {

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>(), {