chore(VCST-4354): linter autofix (#2077)

## Description

## References
### Jira-link:
https://virtocommerce.atlassian.net/browse/VCST-4354
### Artifact URL:

https://vc3prerelease.blob.core.windows.net/packages/vc-theme-b2b-vue-2.36.0-pr-2077-59b1-59b192e4.zip

Author: ivan-kalachikov

.dependency-cruiser.cjs

@@ -2,206 +2,189 @@
 module.exports = {
   forbidden: [
     {
-      name: 'no-circular',
-      severity: 'warn',
+      name: "no-circular",
+      severity: "warn",
       comment:
-        'This dependency is part of a circular relationship. You might want to revise ' +
-        'your solution (i.e. use dependency inversion, make sure the modules have a single responsibility) ',
+        "This dependency is part of a circular relationship. You might want to revise " +
+        "your solution (i.e. use dependency inversion, make sure the modules have a single responsibility) ",
       from: {},
       to: {
-        circular: true
-      }
+        circular: true,
+      },
     },
     {
-      name: 'no-orphans',
+      name: "no-orphans",
       comment:
         "This is an orphan module - it's likely not used (anymore?). Either use it or " +
         "remove it. If it's logical this module is an orphan (i.e. it's a config file), " +
         "add an exception for it in your dependency-cruiser configuration. By default " +
         "this rule does not scrutinize dot-files, TypeScript declaration " +
         "files (.d.ts), tsconfig.json and some of the babel and webpack configs.",
-      severity: 'warn',
+      severity: "warn",
       from: {
         orphan: true,
         pathNot: [
-          '(^|/)[.][^/]+[.](js|cjs|mjs|ts|json)$', // dot files
-          '[.]d[.]ts$',                            // TypeScript declaration files
-          '(^|/)tsconfig[.]json$',                 // TypeScript config
-          '(^|/)(babel|webpack)[.]config[.](js|cjs|mjs|ts|json)$' // other configs
-        ]
+          "(^|/)[.][^/]+[.](js|cjs|mjs|ts|json)$", // dot files
+          "[.]d[.]ts$", // TypeScript declaration files
+          "(^|/)tsconfig[.]json$", // TypeScript config
+          "(^|/)(babel|webpack)[.]config[.](js|cjs|mjs|ts|json)$", // other configs
+        ],
       },
       to: {},
     },
     {
-      name: 'no-deprecated-core',
+      name: "no-deprecated-core",
       comment:
-        'A module depends on a node core module that has been deprecated. Find an alternative - these are ' +
+        "A module depends on a node core module that has been deprecated. Find an alternative - these are " +
         "bound to exist - node doesn't deprecate lightly.",
-      severity: 'warn',
+      severity: "warn",
       from: {},
       to: {
-        dependencyTypes: [
-          'core'
-        ],
+        dependencyTypes: ["core"],
         path: [
-          '^(v8/tools/codemap)$',
-          '^(v8/tools/consarray)$',
-          '^(v8/tools/csvparser)$',
-          '^(v8/tools/logreader)$',
-          '^(v8/tools/profile_view)$',
-          '^(v8/tools/profile)$',
-          '^(v8/tools/SourceMap)$',
-          '^(v8/tools/splaytree)$',
-          '^(v8/tools/tickprocessor-driver)$',
-          '^(v8/tools/tickprocessor)$',
-          '^(node-inspect/lib/_inspect)$',
-          '^(node-inspect/lib/internal/inspect_client)$',
-          '^(node-inspect/lib/internal/inspect_repl)$',
-          '^(async_hooks)$',
-          '^(punycode)$',
-          '^(domain)$',
-          '^(constants)$',
-          '^(sys)$',
-          '^(_linklist)$',
-          '^(_stream_wrap)$'
+          "^(v8/tools/codemap)$",
+          "^(v8/tools/consarray)$",
+          "^(v8/tools/csvparser)$",
+          "^(v8/tools/logreader)$",
+          "^(v8/tools/profile_view)$",
+          "^(v8/tools/profile)$",
+          "^(v8/tools/SourceMap)$",
+          "^(v8/tools/splaytree)$",
+          "^(v8/tools/tickprocessor-driver)$",
+          "^(v8/tools/tickprocessor)$",
+          "^(node-inspect/lib/_inspect)$",
+          "^(node-inspect/lib/internal/inspect_client)$",
+          "^(node-inspect/lib/internal/inspect_repl)$",
+          "^(async_hooks)$",
+          "^(punycode)$",
+          "^(domain)$",
+          "^(constants)$",
+          "^(sys)$",
+          "^(_linklist)$",
+          "^(_stream_wrap)$",
         ],
-      }
+      },
     },
     {
-      name: 'not-to-deprecated',
+      name: "not-to-deprecated",
       comment:
-        'This module uses a (version of an) npm module that has been deprecated. Either upgrade to a later ' +
-        'version of that module, or find an alternative. Deprecated modules are a security risk.',
-      severity: 'warn',
+        "This module uses a (version of an) npm module that has been deprecated. Either upgrade to a later " +
+        "version of that module, or find an alternative. Deprecated modules are a security risk.",
+      severity: "warn",
       from: {},
       to: {
-        dependencyTypes: [
-          'deprecated'
-        ]
-      }
+        dependencyTypes: ["deprecated"],
+      },
     },
     {
-      name: 'no-non-package-json',
-      severity: 'error',
+      name: "no-non-package-json",
+      severity: "error",
       comment:
         "This module depends on an npm package that isn't in the 'dependencies' section of your package.json. " +
         "That's problematic as the package either (1) won't be available on live (2 - worse) will be " +
         "available on live with an non-guaranteed version. Fix it by adding the package to the dependencies " +
         "in your package.json.",
       from: {},
       to: {
-        dependencyTypes: [
-          'npm-no-pkg',
-          'npm-unknown'
-        ]
-      }
+        dependencyTypes: ["npm-no-pkg", "npm-unknown"],
+      },
     },
     {
-      name: 'not-to-unresolvable',
+      name: "not-to-unresolvable",
       comment:
         "This module depends on a module that cannot be found ('resolved to disk'). If it's an npm " +
-        'module: add it to your package.json. In all other cases you likely already know what to do.',
-      severity: 'error',
+        "module: add it to your package.json. In all other cases you likely already know what to do.",
+      severity: "error",
       from: {},
       to: {
-        couldNotResolve: true
-      }
+        couldNotResolve: true,
+      },
     },
     {
-      name: 'no-duplicate-dep-types',
+      name: "no-duplicate-dep-types",
       comment:
         "Likely this module depends on an external ('npm') package that occurs more than once " +
         "in your package.json i.e. bot as a devDependencies and in dependencies. This will cause " +
         "maintenance problems later on.",
-      severity: 'warn',
+      severity: "warn",
       from: {},
       to: {
         moreThanOneDependencyType: true,
         // as it's pretty common to have a type import be a type only import
         // _and_ (e.g.) a devDependency - don't consider type-only dependency
         // types for this rule
-        dependencyTypesNot: ["type-only"]
-      }
+        dependencyTypesNot: ["type-only"],
+      },
     },
 
     /* rules you might want to tweak for your specific situation: */
 
     {
-      name: 'not-to-spec',
+      name: "not-to-spec",
       comment:
-        'This module depends on a spec (test) file. The sole responsibility of a spec file is to test code. ' +
+        "This module depends on a spec (test) file. The sole responsibility of a spec file is to test code. " +
         "If there's something in a spec that's of use to other modules, it doesn't have that single " +
-        'responsibility anymore. Factor it out into (e.g.) a separate utility/ helper or a mock.',
-      severity: 'error',
+        "responsibility anymore. Factor it out into (e.g.) a separate utility/ helper or a mock.",
+      severity: "error",
       from: {},
       to: {
-        path: '[.](spec|test)[.](js|mjs|cjs|ts|ls|coffee|litcoffee|coffee[.]md)$'
-      }
+        path: "[.](spec|test)[.](js|mjs|cjs|ts|ls|coffee|litcoffee|coffee[.]md)$",
+      },
     },
     {
-      name: 'not-to-dev-dep',
-      severity: 'error',
+      name: "not-to-dev-dep",
+      severity: "error",
       comment:
         "This module depends on an npm package from the 'devDependencies' section of your " +
-        'package.json. It looks like something that ships to production, though. To prevent problems ' +
+        "package.json. It looks like something that ships to production, though. To prevent problems " +
         "with npm packages that aren't there on production declare it (only!) in the 'dependencies'" +
-        'section of your package.json. If this module is development only - add it to the ' +
-        'from.pathNot re of the not-to-dev-dep rule in the dependency-cruiser configuration',
+        "section of your package.json. If this module is development only - add it to the " +
+        "from.pathNot re of the not-to-dev-dep rule in the dependency-cruiser configuration",
       from: {
-        path: '^(client-app)',
-        pathNot: '[.](spec|test|test-d|mock)[.](js|mjs|cjs|ts|ls|coffee|litcoffee|coffee[.]md)$'
+        path: "^(client-app)",
+        pathNot: "[.](spec|test|test-d|mock)[.](js|mjs|cjs|ts|ls|coffee|litcoffee|coffee[.]md)$",
       },
       to: {
-        dependencyTypes: [
-          'npm-dev',
-        ],
+        dependencyTypes: ["npm-dev"],
         // type only dependencies are not a problem as they don't end up in the
         // production code or are ignored by the runtime.
-        dependencyTypesNot: [
-          'type-only'
-        ],
-        pathNot: [
-          'node_modules/@types/'
-        ]
-      }
+        dependencyTypesNot: ["type-only"],
+        pathNot: ["node_modules/@types/"],
+      },
     },
     {
-      name: 'optional-deps-used',
-      severity: 'info',
+      name: "optional-deps-used",
+      severity: "info",
       comment:
         "This module depends on an npm package that is declared as an optional dependency " +
         "in your package.json. As this makes sense in limited situations only, it's flagged here. " +
         "If you're using an optional dependency here by design - add an exception to your" +
         "dependency-cruiser configuration.",
       from: {},
       to: {
-        dependencyTypes: [
-          'npm-optional'
-        ]
-      }
+        dependencyTypes: ["npm-optional"],
+      },
     },
     {
-      name: 'peer-deps-used',
+      name: "peer-deps-used",
       comment:
         "This module depends on an npm package that is declared as a peer dependency " +
         "in your package.json. This makes sense if your package is e.g. a plugin, but in " +
         "other cases - maybe not so much. If the use of a peer dependency is intentional " +
         "add an exception to your dependency-cruiser configuration.",
-      severity: 'warn',
+      severity: "warn",
       from: {},
       to: {
-        dependencyTypes: [
-          'npm-peer'
-        ]
-      }
-    }
+        dependencyTypes: ["npm-peer"],
+      },
+    },
   ],
   options: {
     doNotFollow: {
-      path: 'node_modules'
+      path: "node_modules",
     },
     tsConfig: {
-      fileName: 'tsconfig.app.json'
+      fileName: "tsconfig.app.json",
     },
     enhancedResolveOptions: {
       exportsFields: ["exports"],
@@ -210,15 +193,15 @@ module.exports = {
     },
     reporterOptions: {
       dot: {
-        collapsePattern: 'node_modules/(@[^/]+/[^/]+|[^/]+)',
+        collapsePattern: "node_modules/(@[^/]+/[^/]+|[^/]+)",
       },
       archi: {
-        collapsePattern: '^(packages|src|lib|app|bin|test(s?)|spec(s?))/[^/]+|node_modules/(@[^/]+/[^/]+|[^/]+)',
+        collapsePattern: "^(packages|src|lib|app|bin|test(s?)|spec(s?))/[^/]+|node_modules/(@[^/]+/[^/]+|[^/]+)",
       },
-      "text": {
-        "highlightFocused": true
+      text: {
+        highlightFocused: true,
       },
-    }
-  }
+    },
+  },
 };
 // generated: [email protected] on 2024-01-18T18:07:53.520Z

.dependency-graph.cjs

@@ -3,7 +3,7 @@ module.exports = {
   extends: "./.dependency-cruiser.cjs",
   options: {
     exclude: {
-      dynamic: true
-    }
-  }
+      dynamic: true,
+    },
+  },
 };

client-app/App.vue

@@ -4,7 +4,9 @@
   </component>
 
   <ModalHost />
+
   <NotificationsHost />
+
   <EnvironmentBadge />
 
   <teleport to="body">

client-app/core/utilities/menu/index.test.ts

@@ -6,7 +6,6 @@ import type { ExtendedMenuLinkType } from "@/core/types";
 
 // Mock the getCategoryRoute function
 vi.mock("@/core/utilities/categories", () => ({
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
   getCategoryRoute: vi.fn().mockImplementation((category) => `/category/${category.id}`),
 }));
 

client-app/modules/loyalty/api/graphql/queries/getLoyaltyBalance/index.ts

@@ -2,12 +2,12 @@ import { graphqlClient } from "@/core/api/graphql/client";
 import { GetLoyaltyBalanceDocument } from "../../types";
 
 export async function useGetLoyaltyBalance(orderId?: string) {
-    const { data } = await graphqlClient.query({
-        query: GetLoyaltyBalanceDocument,
-        variables: {
-            orderId
-        },
-    });
+  const { data } = await graphqlClient.query({
+    query: GetLoyaltyBalanceDocument,
+    variables: {
+      orderId,
+    },
+  });
 
-    return data.loyaltyBalance;
+  return data.loyaltyBalance;
 }

client-app/modules/loyalty/api/graphql/queries/getLoyaltyPointsHistory/index.ts

@@ -3,12 +3,12 @@ import { GetLoyaltyPointsHistoryDocument } from "../../types";
 import type { QueryLoyaltyPointsHistoryArgs } from "../../types";
 
 export async function getLoyaltyPointsHistory(payload?: QueryLoyaltyPointsHistoryArgs) {
-    const { data } = await graphqlClient.query({
-        query: GetLoyaltyPointsHistoryDocument,
-        variables: {
-            ...payload,
-        }
-    });
+  const { data } = await graphqlClient.query({
+    query: GetLoyaltyPointsHistoryDocument,
+    variables: {
+      ...payload,
+    },
+  });
 
-    return data.loyaltyPointsHistory;
+  return data.loyaltyPointsHistory;
 }

client-app/modules/loyalty/composables/useLoyaltyBalance.ts

@@ -30,4 +30,3 @@ export function useLoyaltyBalance() {
     resultBalance,
   };
 }
-