@milaboratories/uikit 2.2.25 → 2.2.27

package/eslint.config.mjs

@@ -0,0 +1,4 @@
+import { vue } from '@milaboratories/eslint-config';
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [...vue];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.2.25",
+  "version": "2.2.27",
   "type": "module",
   "main": "dist/pl-uikit.umd.js",
   "module": "dist/pl-uikit.js",
@@ -27,13 +27,14 @@
     "resize-observer-polyfill": "^1.5.1",
     "@vitejs/plugin-vue": "^5.2.1",
     "tsc-alias": "^1.8.10",
-    "vitest": "^2.1.6",
+    "vitest": "^2.1.8",
     "vite": "^5.4.11",
     "vue-tsc": "^2.1.10",
     "yarpm": "^1.2.0",
     "svgo": "^3.3.2",
-    "@milaboratories/helpers": "^1.6.8",
-    "@platforma-sdk/model": "^1.14.1"
+    "@milaboratories/helpers": "^1.6.9",
+    "@milaboratories/eslint-config": "^1.0.0",
+    "@platforma-sdk/model": "^1.17.0"
   },
   "scripts": {
     "dev": "vite",
@@ -48,7 +49,7 @@
     "parse-icons-folder": "node scripts/parse-icons.js",
     "minify-icons": "svgo -f src/assets/icons/icon-assets -o src/assets/icons/icon-assets-min",
     "generate-icons": "pnpm run parse-icons-folder && pnpm run minify-icons",
-    "lint": "eslint . --ext js,ts,vue",
+    "lint": "eslint .",
     "check": "yarpm type-check && yarpm test && yarpm lint",
     "do-pack": "rm -f *.tgz && pnpm pack && mv *.tgz package.tgz"
   }

package/src/assets/dropdown-list-item.scss

@@ -22,6 +22,7 @@
         line-height: 24px !important;
         display: flex;
         align-items: center;
+        word-break: break-word;
     }
 
     &__icon {

package/src/components/DataTable/BaseCellComponent.vue

@@ -18,7 +18,7 @@ const data = reactive({
 const valueTypeRef = computed(() => props.valueType);
 
 const onInput = (ev: Event) => {
-  let inputValue = (ev.target as HTMLInputElement)?.value;
+  const inputValue = (ev.target as HTMLInputElement)?.value;
 
   const valueType = unref(valueTypeRef);
 

package/src/components/DataTable/index.ts

@@ -22,7 +22,7 @@ export { Component };
 
 export { Types };
 
-/*** Adapters ***/
+/** * Adapters ***/
 
 export function rawDataSettings<D extends Types.DataRow>(rows: D[], rawSettings: Types.RawTableSettings<D>): TableSettings {
   const dataSource = new RawData<D>(rows, rawSettings.resolveRowHeight, rawSettings.resolvePrimaryKey);

package/src/components/DataTable/types.ts

@@ -151,7 +151,7 @@ export type ResizeTh = {
   right: number;
 };
 
-/*** Adapters ***/
+/** * Adapters ***/
 
 export type RawTableSettings<D extends DataRow = DataRow> = Readonly<{
   columns: ColumnSpec<D>[];
@@ -167,7 +167,7 @@ export type RawTableSettings<D extends DataRow = DataRow> = Readonly<{
   onUpdatedRow?: (row: Row<D>) => void;
 }>;
 
-/*** Static tests  ***/
+/** * Static tests  ***/
 
 type _cell = TableCell<{ age: number; name: string; payload: unknown }>;
 

package/src/components/GridTable/types.ts

@@ -53,11 +53,11 @@ export type Data = {
   resize: boolean;
   resizeTh:
     | {
-        index: number;
-        width: number;
-        x: number;
-        right: number;
-      }
+      index: number;
+      width: number;
+      x: number;
+      right: number;
+    }
     | undefined;
   bodyHeight: number;
   scrollTop: number;

package/src/components/InputRange.vue

@@ -56,7 +56,7 @@ function updateModel() {
 function validateInput(isLeft: boolean, event: Event) {
   const value: string = (event.target as HTMLInputElement).value;
   const result = /^[0-9]{0,2}$/.test(value);
-  //if there is more than 3 digits we cut last one
+  // if there is more than 3 digits we cut last one
   if (!result) {
     if (isLeft) {
       data.left = +value.slice(0, value.length - 1);

package/src/components/PlAccordion/ExpandTransition.vue

@@ -12,7 +12,7 @@ const onAfter = (el: Element) => {
 
 <template>
   <Transition name="expand-collapse" @enter="onStart" @leave="onStart" @after-enter="onAfter" @after-leave="onAfter">
-    <slot></slot>
+    <slot/>
   </Transition>
 </template>
 

package/src/components/PlBtnSplit/__tests__/PlBtnSplit.spec.ts

@@ -39,7 +39,7 @@ describe('PlBtnSplit.vue', () => {
     expect(dropdown?.textContent).toContain('Option 1');
     expect(dropdown?.textContent).not.toContain('Option 3');
 
-    //Hide dropdown on focusout
+    // Hide dropdown on focusout
     wrapper.trigger('focusout');
     await wrapper.vm.$nextTick();
 

package/src/components/PlCheckbox/__tests__/PlCheckbox.spec.ts

@@ -10,7 +10,7 @@ describe('PlCheckbox', () => {
         default: 'Slot text',
       },
       props: {
-        modelValue: false,
+        'modelValue': false,
         'onUpdate:modelValue': (e) => wrapper.setProps({ modelValue: e }),
       },
     });

package/src/components/PlDropdown/PlDropdown.vue

@@ -288,6 +288,7 @@ watch(
 );
 
 watchPostEffect(() => {
+  // eslint-disable-next-line @typescript-eslint/no-unused-expressions
   data.search; // to watch
 
   if (data.activeIndex >= 0 && data.open) {

package/src/components/PlDropdown/__tests__/PlDropdown.spec.ts

@@ -8,9 +8,9 @@ describe('PlDropdown', () => {
   it('modelValue', async () => {
     const wrapper = mount(PlDropdown, {
       props: {
-        modelValue: 1,
+        'modelValue': 1,
         'onUpdate:modelValue': (e) => wrapper.setProps({ modelValue: e }),
-        options: [
+        'options': [
           { text: 'Option 1', value: 1 },
           { text: 'Option 2', value: 2 },
         ],

package/src/components/PlDropdownLegacy/PlDropdownLegacy.vue

@@ -296,6 +296,7 @@ watch(
 );
 
 watchPostEffect(() => {
+  // eslint-disable-next-line @typescript-eslint/no-unused-expressions
   data.search; // to watch
 
   if (data.activeIndex >= 0 && data.open) {

package/src/components/PlDropdownLegacy/__tests__/PlDropdownLegacy.spec.ts

@@ -7,9 +7,9 @@ describe('PlDropdown', () => {
   it('modelValue', async () => {
     const wrapper = mount(PlDropdown, {
       props: {
-        modelValue: 1,
+        'modelValue': 1,
         'onUpdate:modelValue': (e) => wrapper.setProps({ modelValue: e }),
-        options: [
+        'options': [
           { text: 'Option 1', value: 1 },
           { text: 'Option 2', value: 2 },
         ],

package/src/components/PlDropdownMulti/PlDropdownMulti.vue

@@ -109,18 +109,18 @@ const filteredOptionsRef = computed(() => {
   return (
     data.search
       ? options.filter((opt) => {
-          const search = data.search.toLowerCase();
+        const search = data.search.toLowerCase();
 
-          if (opt.label.toLowerCase().includes(search)) {
-            return true;
-          }
+        if (opt.label.toLowerCase().includes(search)) {
+          return true;
+        }
 
-          if (typeof opt.value === 'string') {
-            return opt.value.toLowerCase().includes(search);
-          }
+        if (typeof opt.value === 'string') {
+          return opt.value.toLowerCase().includes(search);
+        }
 
-          return opt.value === data.search;
-        })
+        return opt.value === data.search;
+      })
       : [...options]
   ).map((opt) => ({
     ...opt,
@@ -208,6 +208,7 @@ watch(
 );
 
 watchPostEffect(() => {
+  // eslint-disable-next-line @typescript-eslint/no-unused-expressions
   data.search;
 
   if (data.open) {

package/src/components/PlDropdownMulti/__tests__/PlDropdownMulti.spec.ts

@@ -8,9 +8,9 @@ describe('PlDropdownMulti', () => {
   it('modelValue', async () => {
     const wrapper = mount(PlDropdown, {
       props: {
-        modelValue: [1],
+        'modelValue': [1],
         'onUpdate:modelValue': (e) => wrapper.setProps({ modelValue: e }),
-        options: [
+        'options': [
           { text: 'Option 1', value: 1 },
           { text: 'Option 2', value: 2 },
         ],

package/src/components/PlDropdownRef/PlDropdownRef.vue

@@ -98,6 +98,5 @@ const arrowIcon = computed(() => (props.disabled ? 'icon-link-disabled' : 'icon-
     :loading-options-helper="loadingOptionsHelper"
     :arrow-icon-large="arrowIcon"
     @update:model-value="$emit('update:modelValue', $event)"
-  >
-  </PlDropdown>
+  />
 </template>

package/src/components/PlDropdownRef/__tests__/PlDropdownRef.spec.ts

@@ -8,13 +8,13 @@ describe('PlDropdownRef', () => {
   it('modelValue', async () => {
     const wrapper = mount(PlDropdownRef, {
       props: {
-        modelValue: {
+        'modelValue': {
           __isRef: true as const,
           blockId: '1',
           name: 'Ref to block 1',
         },
         'onUpdate:modelValue': (e) => wrapper.setProps({ modelValue: e }),
-        options: [
+        'options': [
           {
             label: 'Ref 1',
             ref: {

package/src/components/PlFileDialog/Shortcuts.vue

@@ -8,7 +8,7 @@ import { PlTooltip } from '../PlTooltip';
       <span :class="$style.title">Shortcuts</span>
 
       <div :class="[$style.row, $style.head]">
-        <div></div>
+        <div/>
         <div>MacOS</div>
         <div>Windows/Linux</div>
       </div>

package/src/components/PlLogView/PlLogView.vue

@@ -18,7 +18,7 @@ import { useLabelNotch } from '@/utils/useLabelNotch';
 import DoubleContour from '@/utils/DoubleContour.vue';
 import { PlTooltip } from '../PlTooltip';
 
-const getOutputError = <T,>(o?: ValueOrErrors<T>) => {
+const getOutputError = <T>(o?: ValueOrErrors<T>) => {
   if (o && o.ok === false) {
     return o.errors.join('\n');
   }

package/src/components/PlLogView/useLogHandle.ts

@@ -39,7 +39,6 @@ export function useLogHandle(
       return;
     }
 
-    // eslint-disable-next-line no-constant-condition
     while (true) {
       const result = await platforma.logDriver.readText(currentLogState.logHandle, 100, currentLogState.lastOffset);
 

package/src/components/PlNumberField/PlNumberField.vue

@@ -53,7 +53,7 @@ const computedValue = computed({
     val = val.replace(/,/g, '');
     if (isNumeric(val)) {
       emit('update:modelValue', +val);
-      //try press 123.12345678912345 and than 6
+      // try press 123.12345678912345 and than 6
       if (val.toString() !== props.modelValue?.toString() && +val === props.modelValue && val[val.length - 1] !== '.') {
         canRenderValue.value = false;
         nextTick(() => {
@@ -152,6 +152,7 @@ function handleKeyPress(e: { code: string; preventDefault(): void }) {
     e.preventDefault();
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-expressions
   e.code === 'ArrowUp' ? increment() : e.code === 'ArrowDown' ? decrement() : undefined;
 }
 

package/src/components/PlProgressBar/PlProgressBar.vue

@@ -15,7 +15,7 @@ const readyMsg = computed(() => (props.progress === 100 ? props.completeMessage
 
 <template>
   <div v-if="loading" class="ui-progress-bar">
-    <div class="ui-progress-bar__indicator" :style="{ width: progress + '%' }"></div>
+    <div class="ui-progress-bar__indicator" :style="{ width: progress + '%' }"/>
     <div class="ui-progress-bar__messages d-flex align-center pl-6 pr-6">
       <div class="ui-progress-bar__message flex-grow-1">{{ readyMsg }}</div>
       <div class="ui-progress-bar__percent">{{ progress + '%' }}</div>

package/src/components/PlSpacer/PlSpacer.vue

@@ -1,3 +1,3 @@
 <template>
-  <div class="flex-grow-1"></div>
+  <div class="flex-grow-1"/>
 </template>

package/src/components/PlTextArea/__tests__/PlTextArea.spec.ts

@@ -16,7 +16,7 @@ describe('TextArea', () => {
   it('modelValue', async () => {
     const wrapper = mount(PlTextArea, {
       props: {
-        modelValue: 'initialText',
+        'modelValue': 'initialText',
         'onUpdate:modelValue': (e) => wrapper.setProps({ modelValue: e }),
       },
     });

package/src/components/PlTextField/__tests__/TextField.spec.ts

@@ -17,7 +17,7 @@ describe('TextField', () => {
   it('modelValue:string', async () => {
     const wrapper = mount(PlTextField<string>, {
       props: {
-        modelValue: 'initialText',
+        'modelValue': 'initialText',
         'onUpdate:modelValue': (e: string) => wrapper.setProps({ modelValue: e }),
       },
     });
@@ -29,8 +29,8 @@ describe('TextField', () => {
   it('modelValue:string?', async () => {
     const wrapper = mount(PlTextField, {
       props: {
-        modelValue: 'initialText' as string | undefined,
-        clearable: () => undefined,
+        'modelValue': 'initialText' as string | undefined,
+        'clearable': () => undefined,
         'onUpdate:modelValue': (e: unknown) => wrapper.setProps({ modelValue: e }),
       },
     });

package/src/components/PlTooltip/PlTooltip.vue

@@ -85,7 +85,7 @@ const dispatchAdjust = utils.throttle(() => window.dispatchEvent(new CustomEvent
 const showTooltip = () => {
   data.open = true;
 
-  for (let [k, f] of tMap.entries()) {
+  for (const [k, f] of tMap.entries()) {
     if (k !== tKey) {
       f();
     }

package/src/components/Slider.vue

@@ -81,7 +81,7 @@ const progressStyle = computed(() => ({
 }));
 
 const thumbStyle = computed(() => {
-  let value = Math.ceil((1 - position.value) * 100);
+  const value = Math.ceil((1 - position.value) * 100);
   return {
     right: `calc(${value}%) `,
   };
@@ -131,8 +131,8 @@ function handleKeyPress(e: { code: string; preventDefault(): void }) {
     e.preventDefault();
   }
 
-  const nextStep =
-    e.code === 'ArrowUp' || e.code === 'ArrowRight' ? props.step * 1 : e.code === 'ArrowDown' || e.code === 'ArrowLeft' ? props.step * -1 : 0;
+  const nextStep
+    = e.code === 'ArrowUp' || e.code === 'ArrowRight' ? props.step * 1 : e.code === 'ArrowDown' || e.code === 'ArrowLeft' ? props.step * -1 : 0;
 
   setModelValue(props.modelValue + nextStep);
 }
@@ -161,7 +161,7 @@ function handleKeyPress(e: { code: string; preventDefault(): void }) {
           </div>
           <div class="ui-slider__container ui-slider__container-thumb">
             <template v-if="props.breakpoints">
-              <div v-for="(item, index) in breakpointsRef" :key="index" :style="{ right: `${item}%` }" class="ui-slider__thumb-step"></div>
+              <div v-for="(item, index) in breakpointsRef" :key="index" :style="{ right: `${item}%` }" class="ui-slider__thumb-step"/>
             </template>
             <div ref="thumbRef" tabindex="0" class="ui-slider__thumb ui-slider__thumb-active" :style="thumbStyle" @keydown="handleKeyPress">
               <div class="ui-slider__thumb-focused-contour" />

package/src/components/SliderRange.vue

@@ -165,8 +165,8 @@ function handleKeyPress(e: { code: string; preventDefault(): void }, index: numb
     e.preventDefault();
   }
 
-  const nextStep =
-    e.code === 'ArrowUp' || e.code === 'ArrowRight' ? props.step * 1 : e.code === 'ArrowDown' || e.code === 'ArrowLeft' ? props.step * -1 : 0;
+  const nextStep
+    = e.code === 'ArrowUp' || e.code === 'ArrowRight' ? props.step * 1 : e.code === 'ArrowDown' || e.code === 'ArrowLeft' ? props.step * -1 : 0;
 
   const arr: [number, number] = [...props.modelValue];
   arr[index] = clamp(arr[index] + nextStep, props.min, props.max);
@@ -198,7 +198,7 @@ function handleKeyPress(e: { code: string; preventDefault(): void }, index: numb
           </div>
           <div class="ui-slider__container ui-slider__container-thumb">
             <template v-if="props.breakpoints">
-              <div v-for="(item, index) in breakpointsRef" :key="index" :style="{ right: `${item}%` }" class="ui-slider__thumb-step"></div>
+              <div v-for="(item, index) in breakpointsRef" :key="index" :style="{ right: `${item}%` }" class="ui-slider__thumb-step"/>
             </template>
             <div ref="thumbRef1" :style="thumbStyle1" class="ui-slider__thumb" tabindex="0" @keydown="handleKeyPress($event, 0)">
               <div class="ui-slider__thumb-focused-contour" />

package/src/components/SliderRangeTriple.vue

@@ -217,8 +217,8 @@ function handleKeyPress(e: { code: string; preventDefault(): void }, index: numb
     e.preventDefault();
   }
 
-  const nextStep =
-    e.code === 'ArrowUp' || e.code === 'ArrowRight' ? props.step * 1 : e.code === 'ArrowDown' || e.code === 'ArrowLeft' ? props.step * -1 : 0;
+  const nextStep
+    = e.code === 'ArrowUp' || e.code === 'ArrowRight' ? props.step * 1 : e.code === 'ArrowDown' || e.code === 'ArrowLeft' ? props.step * -1 : 0;
 
   const arr: ModelType = [...props.modelValue];
   arr[index] = clamp(arr[index] + nextStep, props.min, props.max);
@@ -253,7 +253,7 @@ onMounted(() => {
           </div>
           <div class="ui-slider__container ui-slider__container-thumb">
             <template v-if="props.breakpoints">
-              <div v-for="(item, index) in breakpointsRef" :key="index" :style="{ right: `${item}%` }" class="ui-slider__thumb-step"></div>
+              <div v-for="(item, index) in breakpointsRef" :key="index" :style="{ right: `${item}%` }" class="ui-slider__thumb-step"/>
             </template>
             <div
               ref="thumbRef1"

package/src/composition/useMouseCapture.ts

@@ -32,7 +32,7 @@ export function useMouseCapture<T extends HTMLElement>(elRef: MaybeRef<T | undef
 
   useEventListener(document, 'mousedown', (ev) => {
     if (ev.target === unref(elRef)) {
-      //disable selection when moving
+      // disable selection when moving
       if (ev.stopPropagation) ev.stopPropagation();
       if (ev.preventDefault) ev.preventDefault();
       state.el = unref(elRef);

package/src/composition/useTheme.ts

@@ -8,10 +8,11 @@ type Callback = (mode: Theme) => void;
 
 const cm = new Set<Callback>();
 
-window.matchMedia &&
+if (window.matchMedia) {
   window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
     toList(mapIterable(cm.values(), (cb) => cb(e.matches ? 'dark' : 'light')));
   });
+}
 
 const init = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
 
@@ -25,7 +26,7 @@ export function useTheme(_cb?: Callback) {
 
   const cb = (theme: Theme) => {
     browserTheme.value = theme;
-    _cb && _cb(theme);
+    _cb?.(theme);
   };
 
   function toggleTheme() {
@@ -33,7 +34,7 @@ export function useTheme(_cb?: Callback) {
   }
 
   watch(theme, (v) => {
-    _cb && _cb(unref(v));
+    _cb?.(unref(v));
   });
 
   onMounted(() => {

package/src/drafts/FileBaseInput.vue

@@ -75,7 +75,7 @@ function deleteFile(file: File) {
   if (file && props.modelValue && props.modelValue.length > 0) {
     const i = props.modelValue.findIndex((f) => f === file);
     if (i !== -1) {
-      let arr = [...props.modelValue];
+      const arr = [...props.modelValue];
       arr.splice(i, 1);
       emit('update:modelValue', arr);
     }

package/src/helpers/utils.ts

@@ -108,7 +108,6 @@ export function animateInfinite(options: { getFraction: (dt: number) => number;
 /* eslint-disable @typescript-eslint/no-explicit-any */
 type AnyFunction = (...args: any[]) => any;
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
 export function debounce<F extends AnyFunction>(func: F, delay: number) {
   let timerId = -1;
   return (...args: Parameters<F>) => {
@@ -128,10 +127,11 @@ export function throttle<F extends AnyFunction>(callback: F, ms: number, trailin
       callback.apply(this, args);
       t = new Date().getTime() + ms;
       call = null;
-      trailing &&
+      if (trailing) {
         setTimeout(() => {
-          call && call();
+          call?.();
         }, ms);
+      }
     };
     if (new Date().getTime() > t) call();
   };

package/src/index.ts

@@ -98,7 +98,7 @@ export * from './utils/DropdownOverlay';
  */
 export { useLabelNotch } from './utils/useLabelNotch.ts';
 
-//for new version
+// for new version
 import LongText from './components/LongText.vue';
 import SliderRangeTriple from './components/SliderRangeTriple.vue';
 import SliderRange from './components/SliderRange.vue';
@@ -125,7 +125,7 @@ export { ThemeSwitcher, DropdownListItem, DataTable, ContextProvider, Slider };
 // Helpers
 export { showContextMenu };
 
-//move to new version pl-uikit
+// move to new version pl-uikit
 export { LongText, SliderRangeTriple, SliderRange, Scrollable };
 
 // @todo

package/src/types.ts

@@ -24,13 +24,13 @@ export type ElementPosition = Omit<DOMRect, 'toJSON'> & {
 
 export type SimpleOption<T = unknown> =
   | {
-      text: string;
-      value: T;
-    }
+    text: string;
+    value: T;
+  }
   | {
-      label: string;
-      value: T;
-    };
+    label: string;
+    value: T;
+  };
 
 export type SimpleOptionNormalized<T = unknown> = {
   label: string;
@@ -40,15 +40,15 @@ export type SimpleOptionNormalized<T = unknown> = {
 
 export type ListOption<T = unknown> =
   | {
-      text: string;
-      description?: string;
-      value: T;
-    }
+    text: string;
+    description?: string;
+    value: T;
+  }
   | {
-      label: string;
-      description?: string;
-      value: T;
-    };
+    label: string;
+    description?: string;
+    value: T;
+  };
 
 export type ListOptionNormalized<T = unknown> = {
   label: string;

package/.eslintignore

@@ -1,2 +0,0 @@
-/dist
-/node_modules

package/.eslintrc.json

@@ -1,60 +0,0 @@
-{
-  "root": true,
-  "env": {
-    "es2021": true,
-    "node": false,
-    "browser": true
-  },
-  "extends": [
-    "eslint:recommended",
-    /** @see https://github.com/typescript-eslint/typescript-eslint/tree/master/packages/eslint-plugin#recommended-configs */
-    "plugin:@typescript-eslint/recommended",
-    "plugin:vue/vue3-recommended",
-    "plugin:prettier/recommended"
-  ],
-  "parser": "vue-eslint-parser",
-  "parserOptions": {
-    "ecmaVersion": 12,
-    "sourceType": "module",
-    "parser": "@typescript-eslint/parser"
-  },
-  "plugins": [
-    "@typescript-eslint"
-  ],
-  "ignorePatterns": [
-    "node_modules/**",
-    "**/dist/**"
-  ],
-  "rules": {
-    "@typescript-eslint/no-var-requires": "off",
-    "@typescript-eslint/consistent-type-imports": "error",
-    "vue/multi-word-component-names": "off",
-    "vue/no-undef-components": "error",
-    "vue/component-name-in-template-casing": "warn",
-    "@typescript-eslint/no-explicit-any": "error",
-    /**
-   * Having a semicolon helps the optimizer interpret your code correctly.
-   * This avoids rare errors in optimized code.
-   * @see https://twitter.com/alex_kozack/status/1364210394328408066
-   */
-    "semi": [
-      "warn",
-      "always"
-    ],
-    /**
-     * Just for beauty
-     */
-    "quotes": [
-      "warn",
-      "single"
-    ],
-    "@typescript-eslint/no-unused-vars": [
-      "warn",
-      {
-        "argsIgnorePattern": "^_",
-        "varsIgnorePattern": "^_",
-        "caughtErrorsIgnorePattern": "^_"
-      }
-    ]
-  }
-}