style: add eslint and prettier, fix style errors

2026-02-13 09:59:19 +05:00
parent 5d6159fe29
commit 387c1751c6
101 changed files with 14596 additions and 12946 deletions
@@ -1,33 +1,33 @@
-<script lang="ts">
-  import Card from "$components/layout/Card.svelte";
-  import SettingsGrid from "$components/layout/SettingsGrid.svelte";
-  import SettingsRow from "$components/layout/SettingsRow.svelte";
-  import Alignment from "$components/ui/Alignment.svelte";
-  import ColorPicker from "$components/ui/ColorPicker.svelte";
-  import RangeSlider from "$components/ui/RangeSlider.svelte";
-  import SelectFont from "$components/ui/SelectFont.svelte";
-  import { textConfigState } from "$states/textConfig.svelte";
-</script>
-
-<Card title="Настройки текста">
-  <SettingsGrid>
-    <SettingsRow label="Размер">
-      <RangeSlider bind:value={textConfigState.fontSize} min={10} max={100} step={1} />
-    </SettingsRow>
-    <SettingsRow label="Шрифт">
-      <SelectFont bind:value={textConfigState.fontFamily} />
-    </SettingsRow>
-    <SettingsRow label="Цвет">
-      <ColorPicker bind:value={textConfigState.color} />
-    </SettingsRow>
-    <SettingsRow label="Выравнивание" noLabel={true}>
-      <Alignment bind:align={textConfigState.align} />
-    </SettingsRow>
-    <SettingsRow label="Отступы">
-      <RangeSlider bind:value={textConfigState.paddingX} min={0} max={100} step={1} />
-    </SettingsRow>
-    <SettingsRow label="Смещение">
-      <RangeSlider bind:value={textConfigState.offsetY} min={-100} max={100} step={1} />
-    </SettingsRow>
-  </SettingsGrid>
-</Card>
+<script lang="ts">
+  import Card from "$components/layout/Card.svelte";
+  import SettingsGrid from "$components/layout/SettingsGrid.svelte";
+  import SettingsRow from "$components/layout/SettingsRow.svelte";
+  import Alignment from "$components/ui/Alignment.svelte";
+  import ColorPicker from "$components/ui/ColorPicker.svelte";
+  import RangeSlider from "$components/ui/RangeSlider.svelte";
+  import SelectFont from "$components/ui/SelectFont.svelte";
+  import { textConfigState } from "$states/textConfig.svelte";
+</script>
+
+<Card title="Настройки текста">
+  <SettingsGrid>
+    <SettingsRow label="Размер">
+      <RangeSlider bind:value={textConfigState.fontSize} min={10} max={100} step={1} />
+    </SettingsRow>
+    <SettingsRow label="Шрифт">
+      <SelectFont bind:value={textConfigState.fontFamily} />
+    </SettingsRow>
+    <SettingsRow label="Цвет">
+      <ColorPicker bind:value={textConfigState.color} />
+    </SettingsRow>
+    <SettingsRow label="Выравнивание" noLabel={true}>
+      <Alignment bind:align={textConfigState.align} />
+    </SettingsRow>
+    <SettingsRow label="Отступы">
+      <RangeSlider bind:value={textConfigState.paddingX} min={0} max={100} step={1} />
+    </SettingsRow>
+    <SettingsRow label="Смещение">
+      <RangeSlider bind:value={textConfigState.offsetY} min={-100} max={100} step={1} />
+    </SettingsRow>
+  </SettingsGrid>
+</Card>
@@ -1,53 +1,53 @@
-<script lang="ts">
-  import Button from "$components/ui/Button.svelte";
-  import { TRANSITION_DURATION } from "$lib/constants";
-  import { fly } from "svelte/transition";
-  import Cross from "~icons/lucide/x";
-
-  interface Props {
-    text: string;
-    id: number;
-    ondelete: (id: number) => void;
-  }
-
-  let { text = $bindable(), id, ondelete }: Props = $props();
-</script>
-
-<li class="text-item" transition:fly={{ x: 600, duration: TRANSITION_DURATION }}>
-  <input type="text" bind:value={text} />
-  <Button icon={Cross} ariaLabel="Delete" type="danger" onclick={() => ondelete(id)} />
-</li>
-
-<style>
-  .text-item {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 8px 10px;
-    background: var(--surface-subtle);
-    border: 1px solid var(--border-main);
-    border-radius: var(--radius);
-    transition: var(--transition);
-  }
-
-  .text-item:hover {
-    border-color: var(--border-strong);
-  }
-
-  .text-item input {
-    flex: 1;
-    padding: 6px 10px;
-    border: 1px solid var(--border-main);
-    border-radius: 4px;
-    font-size: 14px;
-    background: var(--surface-main);
-    color: var(--text-main);
-    transition: var(--transition);
-    font-family: inherit;
-  }
-
-  .text-item input:focus {
-    outline: none;
-    border-color: var(--border-strong);
-  }
-</style>
+<script lang="ts">
+  import Button from "$components/ui/Button.svelte";
+  import { TRANSITION_DURATION } from "$lib/constants";
+  import { fly } from "svelte/transition";
+  import Cross from "~icons/lucide/x";
+
+  interface Props {
+    text: string;
+    id: number;
+    ondelete: (id: number) => void;
+  }
+
+  let { text = $bindable(), id, ondelete }: Props = $props();
+</script>
+
+<li class="text-item" transition:fly={{ x: 600, duration: TRANSITION_DURATION }}>
+  <input type="text" bind:value={text} />
+  <Button icon={Cross} ariaLabel="Delete" type="danger" onclick={() => ondelete(id)} />
+</li>
+
+<style>
+  .text-item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 10px;
+    background: var(--surface-subtle);
+    border: 1px solid var(--border-main);
+    border-radius: var(--radius);
+    transition: var(--transition);
+  }
+
+  .text-item:hover {
+    border-color: var(--border-strong);
+  }
+
+  .text-item input {
+    flex: 1;
+    padding: 6px 10px;
+    border: 1px solid var(--border-main);
+    border-radius: 4px;
+    font-size: 14px;
+    background: var(--surface-main);
+    color: var(--text-main);
+    transition: var(--transition);
+    font-family: inherit;
+  }
+
+  .text-item input:focus {
+    outline: none;
+    border-color: var(--border-strong);
+  }
+</style>
@@ -1,47 +1,47 @@
-<script lang="ts">
-  interface Props {
-    text: string;
-    ariaLabel: string;
-    onenter: () => void;
-  }
-
-  let { text = $bindable(), onenter, ariaLabel }: Props = $props();
-
-  function handleKeyboard(event: KeyboardEvent) {
-    if (event.key === "Enter") {
-      onenter();
-    }
-  }
-</script>
-
-<input
-  aria-label={ariaLabel}
-  bind:value={text}
-  class="text-input"
-  type="text"
-  placeholder="Введите текст..."
-  onkeydown={handleKeyboard}
-/>
-
-<style>
-  .text-input {
-    flex: 1;
-    padding: 10px 12px;
-    border: 1px solid var(--border-main);
-    border-radius: var(--radius);
-    font-size: 14px;
-    background: var(--surface-main);
-    color: var(--text-main);
-    transition: var(--transition);
-    font-family: inherit;
-  }
-
-  .text-input:focus {
-    outline: none;
-    border-color: var(--border-strong);
-  }
-
-  .text-input::placeholder {
-    color: var(--text-muted);
-  }
-</style>
+<script lang="ts">
+  interface Props {
+    text: string;
+    ariaLabel: string;
+    onenter: () => void;
+  }
+
+  let { text = $bindable(), onenter, ariaLabel }: Props = $props();
+
+  function handleKeyboard(event: KeyboardEvent) {
+    if (event.key === "Enter") {
+      onenter();
+    }
+  }
+</script>
+
+<input
+  aria-label={ariaLabel}
+  bind:value={text}
+  class="text-input"
+  type="text"
+  placeholder="Введите текст..."
+  onkeydown={handleKeyboard}
+/>
+
+<style>
+  .text-input {
+    flex: 1;
+    padding: 10px 12px;
+    border: 1px solid var(--border-main);
+    border-radius: var(--radius);
+    font-size: 14px;
+    background: var(--surface-main);
+    color: var(--text-main);
+    transition: var(--transition);
+    font-family: inherit;
+  }
+
+  .text-input:focus {
+    outline: none;
+    border-color: var(--border-strong);
+  }
+
+  .text-input::placeholder {
+    color: var(--text-muted);
+  }
+</style>
@@ -1,40 +1,40 @@
-<script lang="ts">
-  import Card from "$components/layout/Card.svelte";
-  import InputGroup from "$components/layout/InputGroup.svelte";
-  import Button from "$components/ui/Button.svelte";
-  import { textsState } from "$states/texts.svelte";
-  import Plus from "~icons/lucide/plus";
-  import TextInlineEdit from "./TextInlineEdit.svelte";
-  import TextInput from "./TextInput.svelte";
-
-  let text: string = $state("");
-
-  function addText() {
-    textsState.addText(text);
-    text = "";
-  }
-
-  function deleteText(id: number) {
-    textsState.removeText(id);
-  }
-</script>
-
-<Card title="Тексты панелей">
-  <InputGroup>
-    <TextInput ariaLabel="Input new text" bind:text onenter={addText} />
-    <Button icon={Plus} ariaLabel="Add text" onclick={addText} />
-  </InputGroup>
-  <ul class="texts-list">
-    {#each textsState.texts as { text, id } (id)}
-      <TextInlineEdit {id} {text} ondelete={() => deleteText(id)} />
-    {/each}
-  </ul>
-</Card>
-
-<style>
-  .texts-list {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-  }
-</style>
+<script lang="ts">
+  import Card from "$components/layout/Card.svelte";
+  import InputGroup from "$components/layout/InputGroup.svelte";
+  import Button from "$components/ui/Button.svelte";
+  import { textsState } from "$states/texts.svelte";
+  import Plus from "~icons/lucide/plus";
+  import TextInlineEdit from "./TextInlineEdit.svelte";
+  import TextInput from "./TextInput.svelte";
+
+  let text: string = $state("");
+
+  function addText() {
+    textsState.addText(text);
+    text = "";
+  }
+
+  function deleteText(id: number) {
+    textsState.removeText(id);
+  }
+</script>
+
+<Card title="Тексты панелей">
+  <InputGroup>
+    <TextInput ariaLabel="Input new text" bind:text onenter={addText} />
+    <Button icon={Plus} ariaLabel="Add text" onclick={addText} />
+  </InputGroup>
+  <ul class="texts-list">
+    {#each textsState.texts as { text, id } (id)}
+      <TextInlineEdit {id} {text} ondelete={() => deleteText(id)} />
+    {/each}
+  </ul>
+</Card>
+
+<style>
+  .texts-list {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+</style>