refactor: eslint no explicit any (#983)

apps/web/__tests__/support/pageObjects/CheckoutPageObject.ts

@@ -244,6 +244,7 @@ export class CheckoutPageObject extends PageObject {
     return this;
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   fillForm(fixture: any) {
     this.firstNameInput.type(fixture.firstName);
     this.lastNameInput.type(fixture.lastName);

apps/web/__tests__/test/unit/i18n.spec.ts

@@ -57,6 +57,7 @@ const hasAllKeys = (obj1: object, obj2: object)  => {
     expect(obj1Skeleton).toEqual(obj2Skeleton);
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const setValuesToEmptyString = (obj: Record<string, any>) => {
     Object.keys(obj).forEach((key) => {
         if (isObject(obj[key]) && obj[key] !== null) {
@@ -70,7 +71,7 @@ const setValuesToEmptyString = (obj: Record<string, any>) => {
     return obj;
   }
 
-const isObject = (item: any) => {
+const isObject = (item: unknown) => {
     return (item && typeof item === 'object' && !Array.isArray(item));
 }
 

apps/web/components/AddressContainer/AddressContainer.vue

@@ -78,7 +78,9 @@ const isShipping = type === AddressType.Shipping;
 const { checkoutAddress, hasCheckoutAddress } = useCheckoutAddress(type);
 const { isLoading: formIsLoading, addressToEdit, add: showNewForm, open: editing } = useAddressForm(type);
 const { shippingAsBilling } = useShippingAsBilling();
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const addressFormShipping = ref(null as any);
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const addressFormBilling = ref(null as any);
 
 const sameAsShippingAddress = computed(() =>

apps/web/components/AddressFormBilling/AddressFormBilling.vue

@@ -161,6 +161,7 @@ const [vatNumber, vatNumberAttributes] = defineField('vatNumber');
 
 if (!addAddress) {
   hasCompany.value = Boolean(userAddressGetters.getCompanyName(address as Address));
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   setValues(address as any);
   if (!hasCompany.value) {
     companyName.value = '';

apps/web/components/AddressFormShipping/AddressFormShipping.vue

@@ -179,6 +179,7 @@ const [vatNumber, vatNumberAttributes] = defineField('vatNumber');
 
 if (!addAddress) {
   hasShippingCompany.value = Boolean(userAddressGetters.getCompanyName(address as Address));
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   setValues(address as any);
   if (!hasShippingCompany.value) {
     companyName.value = '';

apps/web/components/ZoomableImage/ZoomableImage.vue

@@ -85,7 +85,7 @@ const computedHeight = computed(() => {
   return imageUrl.includes(defaults.IMAGE_LINK_SUFIX) ? imageHeight : '';
 });
 
-const nuxtImgProps = computed<Record<string, any>>(() => ({
+const nuxtImgProps = computed<Record<string, unknown>>(() => ({
   id: `gallery-img-${index}`,
   alt: imageAlt,
   title: imageTitle,

apps/web/components/ui/Breadcrumbs/Breadcrumbs.vue

@@ -77,7 +77,7 @@ const toggle = () => {
 const NuxtLink = resolveComponent('NuxtLink');
 const route = useRoute();
 const items = route.path.split('/');
-const itemListElement = [] as Array<any>;
+const itemListElement = [] as Array<unknown>;
 let name = '';
 items.forEach((item, index) => {
   name += item;

apps/web/components/ui/CartProductCard/CartProductCard.vue

@@ -143,6 +143,7 @@ const localePath = useLocalePath();
 const imageLoaded = ref(false);
 const img = ref();
 const deleteLoading = ref(false);
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const quantitySelectorReference = ref(null as any);
 const itemQuantitySelector = ref(cartGetters.getItemQty(cartItem));
 const maximumOrderQuantity = ref();

apps/web/components/ui/HeroCarousel/HeroCarousel.vue

@@ -69,10 +69,13 @@ const enableModules = computed(() => bannerItems.length > 1);
 const generalTextColor = ref('inherit');
 const activeIndex = ref(0);
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const onSwiperInit = (swiper: any) => {
   generalTextColor.value = bannerItems[0]?.text?.color ?? 'inherit';
   activeIndex.value = swiper.realIndex;
 };
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const onSlideChange = (swiper: any) => {
   activeIndex.value = swiper.realIndex;
 };

apps/web/composables/useApplePay/useApplePay.ts

@@ -39,6 +39,7 @@ export const useApplePay = () => {
       state.value.scriptLoaded = true;
     }
 
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     state.value.script = (script as any).Applepay() as ApplepayType;
     state.value.config = await state.value.script.config();
 

apps/web/composables/useCookieBar/useCookieBar.ts

@@ -6,8 +6,11 @@ const checkIfScriptIsExternal = (scriptName: string): boolean => {
   return scriptName.startsWith('http');
 };
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function convertToSaveableJson(jsonList: any): string {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   return jsonList.map((group: any) => ({
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     [group.name]: group.cookies.map((cookie: any) => ({
       [cookie.name]: cookie.accepted,
     })),
@@ -92,6 +95,7 @@ export const useCookieBar = (
                   } else {
                     (0, eval)(script);
                   }
+                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 } catch (error: any) {
                   // @TODO error handling
                   return new Error(error);

apps/web/composables/useGooglePay/useGooglePay.ts

@@ -43,6 +43,7 @@ export const useGooglePay = () => {
       state.value.scriptLoaded = true;
     }
 
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     state.value.script = (script as any).Googlepay() as GooglePayPayPal;
     state.value.googleConfig = await state.value.script.config();
     state.value.paymentsClient = getPaymentsClient();

apps/web/composables/useJsonEditor/useJsonEditor.ts

@@ -26,6 +26,7 @@ export const useJsonEditor = (initialJson: string) => {
       JSON.parse(jsonText.value);
       errorMessage.value = '';
       isEditingEnabled.value = true;
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (error: any) {
       errorMessage.value = 'Invalid JSON: ' + error.message;
       isEditingEnabled.value = false;
@@ -43,6 +44,7 @@ export const useJsonEditor = (initialJson: string) => {
       validateJson();
       updateLineCount();
       checkInputChange();
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (error: any) {
       errorMessage.value = 'Invalid JSON: ' + error.message;
       isEditingEnabled.value = false;

apps/web/composables/useNotification/types.ts

@@ -1,6 +1,6 @@
 export interface Notification {
   message: string | string[];
-  action?: { text: string; onClick: (...arguments_: any) => void };
+  action?: { text: string; onClick: (...arguments_: Array<unknown>) => void };
   type: 'neutral' | 'positive' | 'secondary' | 'warning' | 'negative';
   persist?: boolean;
   id?: symbol;

apps/web/composables/useStructuredData/useStructuredData.ts

@@ -140,6 +140,7 @@ export const useStructuredData: useStructuredDataReturn = () => {
         '@type': 'QuantitativeValue',
         value: productGetters.getWeightG(product),
       },
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } as any;
 
     const manufacturer = productSeoSettingsGetters.getSeoManufacturer(product);

apps/web/eslint.config.mjs

@@ -37,7 +37,6 @@ export default withNuxt(
       'arrow-parens': ['error', 'always'],
       'no-console': ['error'],
       'no-constant-binary-expression': 'off',
-      '@typescript-eslint/no-explicit-any': 'off',
       '@typescript-eslint/no-unused-expressions': ['error', { allowTernary: true }],
       'vue/no-console': ['error'],
       'vue/no-multiple-template-root': ['off'],

apps/web/pages/[...slug].vue

@@ -58,7 +58,7 @@ const breadcrumbs = computed(() => {
 
 watch(
   () => locale.value,
-  (changedLocale: any) => {
+  (changedLocale: string) => {
     router.push({
       path: buildCategoryLanguagePath(`${productsCatalog.value.languageUrls[changedLocale]}`),
       query: route.query,

apps/web/sdk.client.ts

@@ -38,6 +38,7 @@ const createHttpClient = () => {
 };
 
 const handleHttpError = (error: unknown) => {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const axiosError = error as any;
   const data = axiosError?.response?.data?.data || axiosError?.response?.data;
   const events = axiosError?.response?.data?.events;

apps/web/tsconfig.json

@@ -1,8 +1,10 @@
 {
   "extends": "./.nuxt/tsconfig.json",
   "compilerOptions": {
+    "module": "ESNext",
     "types": ["vitest/globals", "@vite-pwa/nuxt", "@types/applepayjs", "@types/googlepay"],
     "verbatimModuleSyntax": false,
+    "noImplicitAny": true,
   },
   "exclude": ["node_modules", "mocks", "__tests__", "cypress.config.ts"],
   "typedocOptions": {

apps/web/utils/jsonHelper.ts

@@ -1,4 +1,4 @@
-export const deepEqual = (object1: any, object2: any): boolean => {
+export const deepEqual = (object1: unknown, object2: unknown): boolean => {
   if (object1 === object2) return true;
 
   if (typeof object1 !== typeof object2 || object1 === null || object2 === null) {

apps/web/vitest.config.setup.ts

@@ -8,6 +8,7 @@ import { setupServer } from 'msw/node';
 import { HttpResponse, http } from 'msw';
 import { FacetMock } from './__tests__/__mocks__/facet.mock';
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const FindTestIdPlugin = (wrapper: any) => {
   function findByTestId(testId: string) {
     return wrapper.find(`[data-testid='${testId}']`);
@@ -18,6 +19,7 @@ const FindTestIdPlugin = (wrapper: any) => {
   };
 };
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const GetTestIdPlugin = (wrapper: any) => {
   function getByTestId(testId: string) {
     return wrapper.get(`[data-testid='${testId}']`);