eslint --fix

src/views/matches/MatchesView.vue

@@ -1,68 +1,9 @@
-<script setup lang="ts">
-import { ref, onMounted } from 'vue';
-import { useAuth } from '@/composables/useAuth';
-import { useChat } from '@/composables/useChat';
-import { useUi } from '@/composables/useUi';
-import { apiClient } from '@/api/client';
-import { useRouter } from 'vue-router';
-import AppButton from '@/components/common/AppButton.vue';
-import EmptyState from '@/components/common/EmptyState.vue';
-import LoadingSpinner from '@/components/common/LoadingSpinner.vue';
-
-interface Match {
-  id: string;
-  profileId: string;
-  partnerProfile: {
-    id: string;
-    name: string;
-    avatarUrl?: string;
-    cityName?: string;
-    age?: number;
-  };
-  createdAt: string;
-  hasChat: boolean;
-}
-
-const authStore = useAuth();
-const chatStore = useChat();
-const uiStore = useUi();
-const router = useRouter();
-
-const matches = ref<Match[]>([]);
-const loading = ref(false);
-
-onMounted(async () => {
-  const profileId = authStore.activeProfile?.id;
-  if (!profileId) return;
-  loading.value = true;
-  try {
-    const res = await apiClient.api.likesControllerGetMyMatches({ profileId }) as unknown as Match[];
-    matches.value = res;
-  } catch {
-    uiStore.addToast('Не удалось загрузить совпадения', 'error');
-  } finally {
-    loading.value = false;
-  }
-});
-
-async function openChat(match: Match) {
-  const profileId = authStore.activeProfile?.id;
-  if (!profileId) return;
-  try {
-    const chat = await chatStore.openChat(profileId, match.id);
-    router.push(`/chats/${chat.id}`);
-  } catch (err: unknown) {
-    const msg = (err as { response?: { data?: { message?: string } } })
-      ?.response?.data?.message ?? 'Не удалось открыть чат';
-    uiStore.addToast(msg, 'error');
-  }
-}
-</script>
-
 <template>
   <div class="matches-view">
     <header class="matches-view__header">
-      <h1 class="matches-view__title">Совпадения</h1>
+      <h1 class="matches-view__title">
+        Совпадения
+      </h1>
       <span class="meta">{{ matches.length }} {{ matches.length === 1 ? 'человек' : 'людей' }}</span>
     </header>
 
@@ -89,10 +30,10 @@ async function openChat(match: Match) {
             :src="match.partnerProfile.avatarUrl"
             :alt="match.partnerProfile.name"
             class="match-card__avatar"
-          />
+          >
           <div v-else class="match-card__avatar match-card__avatar--placeholder">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" width="28" height="28" opacity="0.3">
-              <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"/>
+              <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" />
             </svg>
           </div>
         </RouterLink>
@@ -119,6 +60,74 @@ async function openChat(match: Match) {
   </div>
 </template>
 
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { apiClient } from '@/api/client'
+import AppButton from '@/components/common/AppButton.vue'
+import EmptyState from '@/components/common/EmptyState.vue'
+import LoadingSpinner from '@/components/common/LoadingSpinner.vue'
+import { useAuth } from '@/composables/useAuth'
+import { useChat } from '@/composables/useChat'
+import { useUi } from '@/composables/useUi'
+
+interface Match {
+  id: string
+  profileId: string
+  partnerProfile: {
+    id: string
+    name: string
+    avatarUrl?: string
+    cityName?: string
+    age?: number
+  }
+  createdAt: string
+  hasChat: boolean
+}
+
+const authStore = useAuth()
+const chatStore = useChat()
+const uiStore = useUi()
+const router = useRouter()
+
+const matches = ref<Match[]>([])
+const loading = ref(false)
+
+onMounted(async () => {
+  const profileId = authStore.activeProfile?.id
+  if (!profileId)
+    return
+  loading.value = true
+  try {
+    const res = await apiClient.api.likesControllerGetMyMatches({ profileId }) as unknown as Match[]
+    matches.value = res
+  }
+  catch {
+    uiStore.addToast('Не удалось загрузить совпадения', 'error')
+  }
+  finally {
+    loading.value = false
+  }
+})
+
+async function openChat(match: Match) {
+  const profileId = authStore.activeProfile?.id
+  if (!profileId)
+    return
+  try {
+    const chat = await chatStore.openChat(profileId, match.id)
+    router.push(`/chats/${chat.id}`)
+  }
+  catch (err: unknown) {
+    const msg = (err as { response?: { data?: { message?: string } } })
+      ?.response
+      ?.data
+      ?.message ?? 'Не удалось открыть чат'
+    uiStore.addToast(msg, 'error')
+  }
+}
+</script>
+
 <style scoped lang="scss">
 .matches-view {
   height: 100%;
@@ -162,7 +171,9 @@ async function openChat(match: Match) {
   padding: 12px 24px;
   transition: background var(--transition-fast);
 
-  &:hover { background: rgba(240, 235, 224, 0.03); }
+  &:hover {
+    background: rgba(240, 235, 224, 0.03);
+  }
 
   &__avatar-wrap {
     flex-shrink: 0;
@@ -201,11 +212,18 @@ async function openChat(match: Match) {
     overflow: hidden;
     text-overflow: ellipsis;
 
-    &:hover { color: var(--color-signal); }
+    &:hover {
+      color: var(--color-signal);
+    }
   }
 
-  &__age { font-weight: 400; opacity: 0.6; }
+  &__age {
+    font-weight: 400;
+    opacity: 0.6;
+  }
 
-  &__city { color: var(--color-muted); }
+  &__city {
+    color: var(--color-muted);
+  }
 }
 </style>