fix: Обновление конфигурации ESLint (#204)

### 📝 Описание изменений Обновление `@exer7um/eslint-config` до последней версии и исправление ошибок.
Pacific-Agency · Jul 28, 2024 · 17d55ec · 17d55ec
1 parent 20f2a17
commit 17d55ec
Show file tree

Hide file tree

Showing 22 changed files with 497 additions and 192 deletions.
diff --git a/.eslintrc b/.eslintrc
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
@@ -1,5 +1,3 @@
-import DefaultTheme from "vitepress/theme"
-
 import "./theme.css"
 
-export default DefaultTheme
+export { default } from "vitepress/theme"
diff --git a/package.json b/package.json
@@ -49,7 +49,7 @@
     "ohash": "^1.1.3"
   },
   "devDependencies": {
-    "@exer7um/eslint-config": "1.1.4",
+    "@exer7um/eslint-config": "1.3.1",
     "@exer7um/prettier-config": "0.4.3",
     "@nuxt/eslint-config": "0.3.13",
     "@nuxt/module-builder": "0.8.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/runtime/components/UtilsMapWidget.vue b/src/runtime/components/UtilsMapWidget.vue
@@ -37,6 +37,7 @@ mapURL.searchParams.append("z", "16")
     class="map-widget"
     height="100%"
     :src="mapURL.href"
+    title="map"
     width="100%"
   ></iframe>
 </template>

diff --git a/src/runtime/composables/useFetchAuth.ts b/src/runtime/composables/useFetchAuth.ts
@@ -42,10 +42,10 @@ export default async function <TResponse>(
     headers: {
       // Токен авторизации из .env
       Authorization: useRuntimeConfig().public.authToken as string,
-      // Выставляем `csrftoken` из `cookie` в заголовок
-      "X-CSRFToken": useCookie("csrftoken").value ?? "",
       // Проксим `cookie` клиента на сервер
       cookie: useRequestHeaders(["cookie"]).cookie ?? "",
+      // Выставляем `csrftoken` из `cookie` в заголовок
+      "X-CSRFToken": useCookie("csrftoken").value ?? "",
     },
   }
 

diff --git a/src/runtime/composables/useHighlightedText.ts b/src/runtime/composables/useHighlightedText.ts
@@ -18,9 +18,7 @@ export default function (text: string, query: string) {
   const regex = new RegExp(`(${query})`, "gi")
 
   /** Строка с добавленными тегами `<mark>` */
-  const result = text.replace(regex, (match) =>
+  return text.replace(regex, (match) =>
     match ? "<mark>" + match + "</mark>" : match
   )
-
-  return result
 }
diff --git a/src/runtime/composables/usePhoneFormatter.ts b/src/runtime/composables/usePhoneFormatter.ts
@@ -12,9 +12,9 @@
  * usePhoneFormatter('+79998887766')
  * ```
  */
-export default function (phone: string): null | string {
+export default function (phone: string) {
   /** Номер, очищенный от символов, не являющихся цифрами */
-  const cleaned = ("" + phone).replace(/\D/g, "")
+  const cleaned = ("" + phone).replaceAll(/\D/g, "")
 
   /**
    * Номер, разбитый на части
@@ -28,6 +28,4 @@ export default function (phone: string): null | string {
     const countryCode = match[1] ? "+7" : ""
     return `${countryCode}\u00A0${match[2]}\u00A0${match[3]}-${match[4]}-${match[5]}`
   }
-
-  return null
 }
diff --git a/src/runtime/composables/usePriceFormatter.ts b/src/runtime/composables/usePriceFormatter.ts
@@ -12,11 +12,9 @@
  */
 export default function (price: number): string {
   /** Форматированная цена */
-  const formattedPrice = price.toLocaleString("ru-RU", {
+  return price.toLocaleString("ru-RU", {
     currency: "RUB",
     minimumFractionDigits: 0,
     style: "currency",
   })
-
-  return formattedPrice
 }
diff --git a/tests/components/UtilsDate.spec.ts b/tests/components/UtilsDate.spec.ts
@@ -1,8 +1,9 @@
-import UtilsDate from "@/runtime/components/UtilsDate.vue"
 import { mount } from "@vue/test-utils"
 import VueDatePicker from "@vuepic/vue-datepicker"
 import { describe, expect, test } from "vitest"
 
+import UtilsDate from "~/src/runtime/components/UtilsDate.vue"
+
 describe("Компонент UtilsDate", () => {
   test("Рендер", () => {
     /** Компонент */
@@ -187,6 +188,7 @@ describe("Компонент UtilsDate", () => {
           const form = event.target as HTMLFormElement
 
           /** Объект со всеми данными формы */
+          // @ts-expect-error - неправильная автоматическая типизация
           this.formData = new FormData(form)
         },
       },
@@ -213,6 +215,7 @@ describe("Компонент UtilsDate", () => {
     await form.trigger("submit")
 
     /** Данные формы */
+    // @ts-expect-error - неправильная автоматическая типизация
     const formData = Object.fromEntries(parentComponent.vm.formData.entries())
 
     // Проверяем, что правильно выставлены все данные

diff --git a/tests/components/UtilsInput.spec.ts b/tests/components/UtilsInput.spec.ts
@@ -1,7 +1,8 @@
-import UtilsInput from "@/runtime/components/UtilsInput.vue"
 import { mount } from "@vue/test-utils"
 import { describe, expect, test } from "vitest"
 
+import UtilsInput from "~/src/runtime/components/UtilsInput.vue"
+
 describe("Компонент UtilsInput", () => {
   const defaultProps = {
     id: "test-field",
@@ -253,6 +254,7 @@ describe("Компонент UtilsInput", () => {
           const form = event.target as HTMLFormElement
 
           /** Объект со всеми данными формы */
+          // @ts-expect-error - неправильная автоматическая типизация
           this.formData = new FormData(form)
         },
       },
@@ -276,6 +278,7 @@ describe("Компонент UtilsInput", () => {
     await form.trigger("submit")
 
     /** Данные формы */
+    // @ts-expect-error - неправильная автоматическая типизация
     const formData = Object.fromEntries(parentComponent.vm.formData.entries())
 
     // Проверяем, что правильно выставлены все данные

diff --git a/tests/components/UtilsInputMasked.spec.ts b/tests/components/UtilsInputMasked.spec.ts
@@ -1,7 +1,8 @@
-import UtilsInputMasked from "@/runtime/components/UtilsInputMasked.vue"
 import { mount } from "@vue/test-utils"
 import { describe, expect, test } from "vitest"
 
+import UtilsInputMasked from "~/src/runtime/components/UtilsInputMasked.vue"
+
 describe("Компонент UtilsInputMasked", () => {
   const defaultProps = {
     id: "test-field",
@@ -130,7 +131,7 @@ describe("Компонент UtilsInputMasked", () => {
     /** Компонент */
     const wrapper = mount(UtilsInputMasked, {
       props: {
-        pattern: "\\+\\d \\d{3} \\d{3}-\\d{2}-\\d{2}",
+        pattern: String.raw`\+\d \d{3} \d{3}-\d{2}-\d{2}`,
         ...defaultProps,
       },
     })
@@ -140,7 +141,7 @@ describe("Компонент UtilsInputMasked", () => {
 
     // Проверка атрибута `pattern`
     expect(input.attributes("pattern")).toBe(
-      "\\+\\d \\d{3} \\d{3}-\\d{2}-\\d{2}"
+      String.raw`\+\d \d{3} \d{3}-\d{2}-\d{2}`
     )
   })
 
@@ -211,7 +212,7 @@ describe("Компонент UtilsInputMasked", () => {
     /** Компонент */
     const wrapper = mount(UtilsInputMasked, {
       props: {
-        type: "password",
+        type: "number",
         ...defaultProps,
       },
     })
@@ -220,7 +221,7 @@ describe("Компонент UtilsInputMasked", () => {
     const input = wrapper.find("input")
 
     // Проверка значения атрибута `type`.
-    expect(input.attributes("type")).toBe("password")
+    expect(input.attributes("type")).toBe("number")
   })
 
   test("Работа `v-maska`", async () => {
@@ -288,6 +289,7 @@ describe("Компонент UtilsInputMasked", () => {
           const form = event.target as HTMLFormElement
 
           /** Объект со всеми данными формы */
+          // @ts-expect-error - неправильная автоматическая типизация
           this.formData = new FormData(form)
         },
       },
@@ -311,6 +313,7 @@ describe("Компонент UtilsInputMasked", () => {
     await form.trigger("submit")
 
     /** Данные формы */
+    // @ts-expect-error - неправильная автоматическая типизация
     const formData = Object.fromEntries(parentComponent.vm.formData.entries())
 
     // Проверяем, что правильно выставлены все данные

diff --git a/tests/components/UtilsMapWidget.spec.ts b/tests/components/UtilsMapWidget.spec.ts
@@ -1,7 +1,8 @@
-import UtilsMapWidget from "@/runtime/components/UtilsMapWidget.vue"
 import { mount } from "@vue/test-utils"
 import { describe, expect, test } from "vitest"
 
+import UtilsMapWidget from "~/src/runtime/components/UtilsMapWidget.vue"
+
 describe.sequential("Компонент UtilsMapWidget", () => {
   /** `ID` виджета */
   const widgetId = "widget-id"

diff --git a/tests/components/UtilsPassword.spec.ts b/tests/components/UtilsPassword.spec.ts
@@ -1,7 +1,8 @@
-import UtilsPassword from "@/runtime/components/UtilsPassword.vue"
 import { mount } from "@vue/test-utils"
 import { describe, expect, test } from "vitest"
 
+import UtilsPassword from "~/src/runtime/components/UtilsPassword.vue"
+
 describe.sequential("Компонент UtilsPassword", () => {
   const defaultProps = {
     id: "test-field",
@@ -329,6 +330,7 @@ describe.sequential("Компонент UtilsPassword", () => {
           const form = event.target as HTMLFormElement
 
           /** Объект со всеми данными формы */
+          // @ts-expect-error - неправильная автоматическая типизация
           this.formData = new FormData(form)
         },
       },
@@ -352,6 +354,7 @@ describe.sequential("Компонент UtilsPassword", () => {
     await form.trigger("submit")
 
     /** Данные формы */
+    // @ts-expect-error - неправильная автоматическая типизация
     const formData = Object.fromEntries(parentComponent.vm.formData.entries())
 
     // Проверяем, что правильно выставлены все данные

diff --git a/tests/components/UtilsPhone.spec.ts b/tests/components/UtilsPhone.spec.ts
@@ -1,7 +1,8 @@
-import UtilsPhone from "@/runtime/components/UtilsPhone.vue"
 import { mount } from "@vue/test-utils"
 import { describe, expect, test } from "vitest"
 
+import UtilsPhone from "~/src/runtime/components/UtilsPhone.vue"
+
 describe("Компонент UtilsPhone", () => {
   test("Рендер", () => {
     /** Компонент */
@@ -54,7 +55,7 @@ describe("Компонент UtilsPhone", () => {
     expect(input.attributes("maxlength")).toBe("16")
     // Проверка атрибута `pattern`
     expect(input.attributes("pattern")).toBe(
-      "\\+\\d \\d{3} \\d{3}-\\d{2}-\\d{2}"
+      String.raw`\+\d \d{3} \d{3}-\d{2}-\d{2}`
     )
     // Проверка атрибута `placeholder`
     expect(input.attributes("placeholder")).toBe("+7 999 888-77-66")
@@ -201,6 +202,7 @@ describe("Компонент UtilsPhone", () => {
           const form = event.target as HTMLFormElement
 
           /** Объект со всеми данными формы */
+          // @ts-expect-error - неправильная автоматическая типизация
           this.formData = new FormData(form)
         },
       },
@@ -224,6 +226,7 @@ describe("Компонент UtilsPhone", () => {
     await form.trigger("submit")
 
     /** Данные формы */
+    // @ts-expect-error - неправильная автоматическая типизация
     const formData = Object.fromEntries(parentComponent.vm.formData.entries())
 
     // Проверяем, что правильно выставлены все данные

diff --git a/tests/components/UtilsTextArea.spec.ts b/tests/components/UtilsTextArea.spec.ts
@@ -1,7 +1,8 @@
-import UtilsTextArea from "@/runtime/components/UtilsTextArea.vue"
 import { mount } from "@vue/test-utils"
 import { describe, expect, test } from "vitest"
 
+import UtilsTextArea from "~/src/runtime/components/UtilsTextArea.vue"
+
 describe("Компонент UtilsTextArea", () => {
   const defaultProps = {
     id: "test-field",
@@ -233,6 +234,7 @@ describe("Компонент UtilsTextArea", () => {
           const form = event.target as HTMLFormElement
 
           /** Объект со всеми данными формы */
+          // @ts-expect-error - неправильная автоматическая типизация
           this.formData = new FormData(form)
         },
       },
@@ -256,6 +258,7 @@ describe("Компонент UtilsTextArea", () => {
     await form.trigger("submit")
 
     /** Данные формы */
+    // @ts-expect-error - неправильная автоматическая типизация
     const formData = Object.fromEntries(parentComponent.vm.formData.entries())
 
     // Проверяем, что правильно выставлены все данные

diff --git a/tests/composables/useHighlightedText.spec.ts b/tests/composables/useHighlightedText.spec.ts
@@ -1,6 +1,7 @@
-import useHighlightedText from "@/runtime/composables/useHighlightedText"
 import { describe, expect, test } from "vitest"
 
+import useHighlightedText from "~/src/runtime/composables/useHighlightedText"
+
 describe("Функция useHighlightedText", () => {
   test("Возвращает текст с выделением", () => {
     /** Текст */

diff --git a/tests/composables/usePhoneFormatter.spec.ts b/tests/composables/usePhoneFormatter.spec.ts
@@ -1,6 +1,7 @@
-import usePhoneFormatter from "@/runtime/composables/usePhoneFormatter"
 import { describe, expect, test } from "vitest"
 
+import usePhoneFormatter from "~/src/runtime/composables/usePhoneFormatter"
+
 describe("Функция usePhoneFormatter", () => {
   test("Возвращает правильный формат номера", () => {
     /** Отформатированный номер */
@@ -16,10 +17,10 @@ describe("Функция usePhoneFormatter", () => {
     expect(formattedNumber).toBe("+7 999 888-77-66")
   })
 
-  test("При вводе некорректного номера возвращает `null`", () => {
+  test("При вводе некорректного номера возвращает `undefined`", () => {
     /** Отформатированный номер */
     const formattedNumber = usePhoneFormatter("1234")
 
-    expect(formattedNumber).toBeNull()
+    expect(formattedNumber).toBeUndefined()
   })
 })
diff --git a/tests/composables/usePriceFormatter.spec.ts b/tests/composables/usePriceFormatter.spec.ts
@@ -1,17 +1,18 @@
-import usePriceFormatter from "@/runtime/composables/usePriceFormatter"
 import { describe, expect, test } from "vitest"
 
+import usePriceFormatter from "~/src/runtime/composables/usePriceFormatter"
+
 describe("Функция usePriceFormatter", () => {
   test("Возвращает правильный формат цены", () => {
     /** Отформатированная цена */
-    const formattedPrice = usePriceFormatter(1234567)
+    const formattedPrice = usePriceFormatter(1_234_567)
 
     expect(formattedPrice).toBe("1 234 567 ₽")
   })
 
   test("Возвращает правильный формат цены с дробной частью", () => {
     /** Отформатированная цена */
-    const formattedPrice = usePriceFormatter(1234567.89)
+    const formattedPrice = usePriceFormatter(1_234_567.89)
 
     expect(formattedPrice).toBe("1 234 567,89 ₽")
   })

diff --git a/tests/fixtures/basic/app.vue b/tests/fixtures/basic/app.vue
@@ -1,5 +1,3 @@
-<script setup lang="ts"></script>
-
 <template>
   <div>basic</div>
 </template>
diff --git a/tests/fixtures/basic/server/routes/sitemap.ts b/tests/fixtures/basic/server/routes/sitemap.ts
@@ -1,4 +1,4 @@
-import type { Sitemap } from "@/src/runtime/api/sitemap-routes"
+import type { Sitemap } from "~/src/runtime/api/sitemap-routes"
 
 export default defineEventHandler(() => {
   /** Тестовая карта сайта */

diff --git a/vitest.config.ts b/vitest.config.ts
@@ -1,12 +1,12 @@
 import Vue from "@vitejs/plugin-vue"
-import path from "path"
+import { fileURLToPath } from "node:url"
 import { defineConfig } from "vitest/config"
 
 export default defineConfig({
   plugins: [Vue()],
   resolve: {
     alias: {
-      "@": path.resolve(__dirname, "./src"),
+      "~": fileURLToPath(new URL("./", import.meta.url)),
     },
   },
   test: {