chore: update eslint to version 10

apps/demo/eslint.config.js

@@ -2,4 +2,9 @@ import vueConfig from "@prefabs.tech/eslint-config/vue.js";
 
 export default [
   ...vueConfig,
+  {
+    rules: {
+      "unicorn/filename-case": "off"
+    }
+  }
 ];

apps/demo/package.json

@@ -36,9 +36,9 @@
     "vue3-toastify": "0.2.9"
   },
   "devDependencies": {
-    "@prefabs.tech/eslint-config": "0.7.0",
-    "@prefabs.tech/stylelint-config": "0.7.0",
-    "@prefabs.tech/tsconfig": "0.7.0",
+    "@prefabs.tech/eslint-config": "0.8.7",
+    "@prefabs.tech/stylelint-config": "0.8.7",
+    "@prefabs.tech/tsconfig": "0.8.7",
     "@types/jsdom": "21.1.7",
     "@types/node": "25.6.0",
     "@vee-validate/i18n": "4.15.1",
@@ -49,7 +49,7 @@
     "@vitest/coverage-istanbul": "4.1.5",
     "@vue/test-utils": "2.4.10",
     "@vue/tsconfig": "0.9.1",
-    "eslint": "9.39.4",
+    "eslint": "10.6.0",
     "jsdom": "27.4.0",
     "npm-run-all": "4.1.5",
     "prettier": "3.8.3",

apps/demo/src/views/Table/TableFilters.vue

@@ -623,11 +623,7 @@ const customEqualStringFilter: FilterFunction<unknown> = (
   columnId,
   value: string,
 ) => {
-  if (value.includes(row.getValue(columnId) as string)) {
-    return true;
-  }
-
-  return false;
+  return Boolean(value.includes(row.getValue(columnId) as string));
 };
 
 const inDateRangeFilter: FilterFunction<unknown> = (

packages/vue-config/eslint.config.js

@@ -2,6 +2,12 @@ import vueConfig from "@prefabs.tech/eslint-config/vue.js";
 
 export default [
   ...vueConfig,
+  {
+    files: ["**/__test__/**"],
+    rules: {
+      "unicorn/filename-case": "off",
+    },
+  },
   {
     files: ["**/__test__/**/*.ts"],
     rules: {

packages/vue-config/package.json

@@ -37,14 +37,14 @@
     "@sentry/vue": "10.51.0"
   },
   "devDependencies": {
-    "@prefabs.tech/eslint-config": "0.7.0",
-    "@prefabs.tech/stylelint-config": "0.7.0",
-    "@prefabs.tech/tsconfig": "0.7.0",
+    "@prefabs.tech/eslint-config": "0.8.7",
+    "@prefabs.tech/stylelint-config": "0.8.7",
+    "@prefabs.tech/tsconfig": "0.8.7",
     "@types/node": "25.6.0",
     "@vitejs/plugin-vue": "6.0.6",
     "@vitejs/plugin-vue-jsx": "5.1.5",
     "@vitest/coverage-istanbul": "4.1.5",
-    "eslint": "9.39.4",
+    "eslint": "10.6.0",
     "prettier": "3.8.3",
     "stylelint": "17.10.0",
     "stylelint-config-recommended-vue": "1.6.1",

packages/vue-config/src/index.ts

@@ -7,7 +7,7 @@ import type { AppConfig, AppFeatures } from "./types";
 import parse from "./parse";
 import sentry from "./sentry";
 
-const feature = (name: keyof AppFeatures): boolean => {
+const hasFeature = (name: keyof AppFeatures): boolean => {
   const config = useConfig();
 
   if (!config || !config?.features) {
@@ -23,7 +23,7 @@ const plugin: Plugin = {
     app.provide(configKey, options.config);
 
     const featureKey = Symbol.for("dzangolab.vue-config.feature");
-    app.provide(featureKey, feature);
+    app.provide(featureKey, hasFeature);
   },
 };
 
@@ -33,7 +33,7 @@ const useConfig = (): AppConfig => {
   ) as AppConfig;
 };
 
-const useFeature = (): typeof feature | undefined => {
+const useFeature = (): typeof hasFeature | undefined => {
   return inject(Symbol.for("dzangolab.vue-config.feature"));
 };
 

packages/vue-config/src/sentry.ts

@@ -10,7 +10,7 @@ const plugin: Plugin = {
     const { config } = options;
     const sentryOptions = config.sentry;
 
-    if (sentryOptions?.enabled && sentryOptions?.dsn) {
+    if (sentryOptions?.enabled && sentryOptions.dsn) {
       Sentry.init({
         ...sentryOptions,
         app,

packages/vue-config/vite.config.ts

@@ -1,4 +1,4 @@
-import { dirname, resolve } from "node:path";
+import path from "node:path";
 import { fileURLToPath } from "node:url";
 import { defineConfig, loadEnv } from "vite";
 
@@ -9,7 +9,10 @@ export default defineConfig(({ mode }) => {
   return {
     build: {
       lib: {
-        entry: resolve(dirname(fileURLToPath(import.meta.url)), "src/index.ts"),
+        entry: path.resolve(
+          path.dirname(fileURLToPath(import.meta.url)),
+          "src/index.ts",
+        ),
         fileName: (format) => `PrefabsTechVue3Config.${format}.js`,
         name: "PrefabsTechVue3Config",
       },

packages/vue-form/eslint.config.js

@@ -2,10 +2,22 @@ import vueConfig from "@prefabs.tech/eslint-config/vue.js";
 
 export default [
   ...vueConfig,
+  {
+    files: ["**/__test__/**"],
+    rules: {
+      "unicorn/filename-case": "off",
+    },
+  },
   {
     files: ["**/__test__/**/*.ts"],
     rules: {
       "vue/one-component-per-file": "off",
+      "unicorn/no-unused-array-method-return": "off",
     },
   },
+  {
+    rules: {
+      "unicorn/prefer-spread": "off", // Node 20 compat (toArray() unsupported)
+    }
+  }
 ];

packages/vue-form/package.json

@@ -39,9 +39,9 @@
   },
   "devDependencies": {
     "@dzangolab/flag-icon-css": "3.4.5",
-    "@prefabs.tech/eslint-config": "0.7.0",
-    "@prefabs.tech/stylelint-config": "0.7.0",
-    "@prefabs.tech/tsconfig": "0.7.0",
+    "@prefabs.tech/eslint-config": "0.8.7",
+    "@prefabs.tech/stylelint-config": "0.8.7",
+    "@prefabs.tech/tsconfig": "0.8.7",
     "@prefabs.tech/vue3-ui": "0.32.0",
     "@types/node": "25.6.0",
     "@types/validator": "13.15.10",
@@ -54,7 +54,7 @@
     "@vue/test-utils": "2.4.10",
     "@vuepic/vue-datepicker": "12.1.0",
     "@vueuse/core": "14.3.0",
-    "eslint": "9.39.4",
+    "eslint": "10.6.0",
     "prettier": "3.8.3",
     "stylelint": "17.10.0",
     "stylelint-config-recommended-vue": "1.6.1",

packages/vue-form/src/components/DatePicker.vue

@@ -148,13 +148,13 @@ const onUpdate = (
 
 onMounted(() => {
   if (props.teleport) {
-    window.addEventListener("scroll", closeOnScroll, true);
+    window.addEventListener("scroll", closeOnScroll, { capture: true });
   }
 });
 
 onBeforeUnmount(() => {
   if (props.teleport) {
-    window.removeEventListener("scroll", closeOnScroll, true);
+    window.removeEventListener("scroll", closeOnScroll, { capture: true });
   }
 });
 </script>

packages/vue-form/src/components/EditableContent.vue

@@ -85,16 +85,18 @@ const getTextarea = (): HTMLTextAreaElement | null => {
 };
 
 const onEditContent = () => {
-  if (props.allowEdit) {
-    editContent.value = true;
+  if (!props.allowEdit) {
+    return;
+  }
 
-    nextTick(() => {
-      const textarea = getTextarea();
+  editContent.value = true;
 
-      textarea?.focus();
-      resizeContent();
-    });
-  }
+  nextTick(() => {
+    const textarea = getTextarea();
+
+    textarea?.focus();
+    resizeContent();
+  });
 };
 
 const onInput = (value: string) => {

packages/vue-form/src/components/FormActions.vue

@@ -97,19 +97,21 @@ const parsedActions = computed(() => {
   }
 
   for (const defaultAction of defaultActions.value) {
-    if (mappedActions.get(defaultAction.id || defaultAction.label || "")) {
-      const previousAction = mappedActions.get(
-        defaultAction.id || defaultAction.label || "",
-      );
-
-      mappedActions.set(defaultAction.id || defaultAction.label || "", {
-        ...defaultAction,
-        ...previousAction,
-      });
+    if (!mappedActions.get(defaultAction.id || defaultAction.label || "")) {
+      continue;
     }
+
+    const previousAction = mappedActions.get(
+      defaultAction.id || defaultAction.label || "",
+    );
+
+    mappedActions.set(defaultAction.id || defaultAction.label || "", {
+      ...defaultAction,
+      ...previousAction,
+    });
   }
 
-  return [...mappedActions.values()];
+  return Array.from(mappedActions.values());
 });
 
 const onActionClick = (action: Record<string, unknown>) => {

packages/vue-form/src/components/Select.vue

@@ -530,9 +530,9 @@ const onArrowDown = (event: KeyboardEvent) => {
 const onArrowUp = (event: KeyboardEvent) => {
   event.preventDefault();
 
-  const reversedIndex = sortedOptions.value
-    .toReversed()
-    .findIndex((option) => !option.disabled);
+  const reversedIndex = sortedOptions.value.findLastIndex(
+    (option) => !option.disabled,
+  );
   const total = sortedOptions.value.length;
   const lastActiveIndex = total - 1 - reversedIndex;
 
@@ -630,11 +630,10 @@ const onSelectGroup = (groupLabel: string) => {
       (option) => option.groupLabel !== groupLabel,
     );
   } else {
-    const newSelections = groupOptions.filter(
-      (option) =>
-        !selectedOptions.value.some(
-          (selectedOption) => selectedOption.value === option.value,
-        ),
+    const newSelections = groupOptions.filter((option) =>
+      selectedOptions.value.every(
+        (selectedOption) => selectedOption.value !== option.value,
+      ),
     );
 
     selectedOptions.value = [...selectedOptions.value, ...newSelections];
@@ -799,7 +798,7 @@ const updateDropdownPosition = () => {
 onMounted(() => {
   prepareComponent();
 
-  window.addEventListener("scroll", updateDropdownPosition, true);
+  window.addEventListener("scroll", updateDropdownPosition, { capture: true });
   window.addEventListener("resize", updateDropdownPosition);
 });
 

packages/vue-form/src/components/SelectInput.vue

@@ -176,7 +176,8 @@ const activeOptions = computed(() =>
 const fieldSchema = computed(() => {
   if (Object.keys(props.schema).length > 0) {
     return toTypedSchema(props.schema);
-  } else if ((props.maxSelection || props.minSelection) && props.multiple) {
+  }
+  if ((props.maxSelection || props.minSelection) && props.multiple) {
     const currentLength = activeOptions.value.length;
     const max = props.maxSelection ?? 0;
     const min = props.minSelection ?? 0;

packages/vue-form/src/components/__test__/component/DatePicker.test.ts

@@ -26,7 +26,7 @@ describe("DatePicker", () => {
     expect(addEventListenerSpy).toHaveBeenCalledWith(
       "scroll",
       expect.any(Function),
-      true,
+      { capture: true },
     );
 
     addEventListenerSpy.mockRestore();
@@ -46,7 +46,7 @@ describe("DatePicker", () => {
     expect(removeEventListenerSpy).toHaveBeenCalledWith(
       "scroll",
       expect.any(Function),
-      true,
+      { capture: true },
     );
 
     removeEventListenerSpy.mockRestore();

packages/vue-form/src/components/__test__/component/Select.test.ts

@@ -8,7 +8,7 @@ beforeEach(() => {
 });
 
 afterEach(() => {
-  document.body.innerHTML = "";
+  document.body.replaceChildren();
 });
 
 describe("Select", () => {

packages/vue-form/vite.config.ts

@@ -1,5 +1,5 @@
 import vue from "@vitejs/plugin-vue";
-import { dirname, resolve } from "node:path";
+import path from "node:path";
 import { fileURLToPath } from "node:url";
 import { defineConfig, loadEnv } from "vite";
 
@@ -13,7 +13,10 @@ export default defineConfig(({ mode }) => {
     build: {
       cssCodeSplit: true,
       lib: {
-        entry: resolve(dirname(fileURLToPath(import.meta.url)), "src/index.ts"),
+        entry: path.resolve(
+          path.dirname(fileURLToPath(import.meta.url)),
+          "src/index.ts",
+        ),
         fileName: (format) => `PrefabsTechVue3Form.${format}.js`,
         name: "PrefabsTechVue3Form",
       },

packages/vue-i18n/eslint.config.js

@@ -2,6 +2,12 @@ import vueConfig from "@prefabs.tech/eslint-config/vue.js";
 
 export default [
   ...vueConfig,
+  {
+    files: ["**/__test__/**"],
+    rules: {
+      "unicorn/filename-case": "off",
+    },
+  },
   {
     files: ["**/__test__/**/*.ts"],
     rules: {

packages/vue-i18n/package.json

@@ -36,17 +36,17 @@
     "vue-i18n": "9.1.10"
   },
   "devDependencies": {
-    "@prefabs.tech/eslint-config": "0.7.0",
-    "@prefabs.tech/stylelint-config": "0.7.0",
-    "@prefabs.tech/tsconfig": "0.7.0",
+    "@prefabs.tech/eslint-config": "0.8.7",
+    "@prefabs.tech/stylelint-config": "0.8.7",
+    "@prefabs.tech/tsconfig": "0.8.7",
     "@prefabs.tech/vue3-config": "0.32.0",
     "@types/node": "25.6.0",
     "@vitejs/plugin-vue": "6.0.6",
     "@vitejs/plugin-vue-jsx": "5.1.5",
     "@vitest/coverage-istanbul": "4.1.5",
     "@vue/test-utils": "2.4.10",
     "@vueuse/core": "14.3.0",
-    "eslint": "9.39.4",
+    "eslint": "10.6.0",
     "prettier": "3.8.3",
     "jsdom": "27.4.0",
     "pinia": "3.0.4",

packages/vue-i18n/vite.config.ts

@@ -1,5 +1,5 @@
 import vue from "@vitejs/plugin-vue";
-import { dirname, resolve } from "node:path";
+import path from "node:path";
 import { fileURLToPath } from "node:url";
 import { defineConfig, loadEnv } from "vite";
 
@@ -10,7 +10,10 @@ export default defineConfig(({ mode }) => {
   return {
     build: {
       lib: {
-        entry: resolve(dirname(fileURLToPath(import.meta.url)), "src/index.ts"),
+        entry: path.resolve(
+          path.dirname(fileURLToPath(import.meta.url)),
+          "src/index.ts",
+        ),
         fileName: (format) => `PrefabsTechVue3I18n.${format}.js`,
         name: "PrefabsTechVue3I18n",
       },