eslint --fix

src/components/layout/SideNav.vue

@@ -1,46 +1,3 @@
-<script setup lang="ts">
-import { computed } from 'vue';
-import { useRoute } from 'vue-router';
-import { useAuth } from '@/composables/useAuth';
-import { useUi } from '@/composables/useUi';
-
-const route = useRoute();
-const authStore = useAuth();
-const uiStore = useUi();
-
-interface NavItem {
-  name: string;
-  path: string;
-  label: string;
-  icon: string;
-  adminOnly?: boolean;
-}
-
-const navItems: NavItem[] = [
-  { name: 'feed',     path: '/feed',         label: 'Лента',     icon: 'grid' },
-  { name: 'matches',  path: '/matches',      label: 'Совпадения', icon: 'heart' },
-  { name: 'chats',    path: '/chats',        label: 'Чаты',      icon: 'chat' },
-  { name: 'dates',    path: '/dates',        label: 'Встречи',   icon: 'calendar' },
-  { name: 'profile',  path: '/profile/me',   label: 'Профиль',   icon: 'person' },
-];
-
-const adminItems: NavItem[] = [
-  { name: 'admin', path: '/admin/reports', label: 'Жалобы', icon: 'flag', adminOnly: true },
-];
-
-const visibleItems = computed(() =>
-  authStore.isAdmin ? [...navItems, ...adminItems] : navItems,
-);
-
-function isActive(path: string) {
-  return route.path.startsWith(path) && path !== '/';
-}
-
-function toggle() {
-  uiStore.setSidebarExpanded(!uiStore.sidebarExpanded);
-}
-</script>
-
 <template>
   <nav
     class="sidenav"
@@ -76,8 +33,8 @@ function toggle() {
     <div class="sidenav__footer">
       <button
         class="sidenav__toggle"
-        @click="toggle"
         :aria-label="uiStore.sidebarExpanded ? 'Свернуть меню' : 'Развернуть меню'"
+        @click="toggle"
       >
         <span class="sidenav__icon">
           <NavIcon :name="uiStore.sidebarExpanded ? 'chevron-left' : 'chevron-right'" />
@@ -87,6 +44,49 @@ function toggle() {
   </nav>
 </template>
 
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
+import { useAuth } from '@/composables/useAuth'
+import { useUi } from '@/composables/useUi'
+
+const route = useRoute()
+const authStore = useAuth()
+const uiStore = useUi()
+
+interface NavItem {
+  name: string
+  path: string
+  label: string
+  icon: string
+  adminOnly?: boolean
+}
+
+const navItems: NavItem[] = [
+  { name: 'feed', path: '/feed', label: 'Лента', icon: 'grid' },
+  { name: 'matches', path: '/matches', label: 'Совпадения', icon: 'heart' },
+  { name: 'chats', path: '/chats', label: 'Чаты', icon: 'chat' },
+  { name: 'dates', path: '/dates', label: 'Встречи', icon: 'calendar' },
+  { name: 'profile', path: '/profile/me', label: 'Профиль', icon: 'person' },
+]
+
+const adminItems: NavItem[] = [
+  { name: 'admin', path: '/admin/reports', label: 'Жалобы', icon: 'flag', adminOnly: true },
+]
+
+const visibleItems = computed(() =>
+  authStore.isAdmin ? [...navItems, ...adminItems] : navItems,
+)
+
+function isActive(path: string) {
+  return route.path.startsWith(path) && path !== '/'
+}
+
+function toggle() {
+  uiStore.setSidebarExpanded(!uiStore.sidebarExpanded)
+}
+</script>
+
 <script lang="ts">
 // Inline icon renderer to avoid external icon library dependency
 const NavIcon = {
@@ -103,7 +103,7 @@ const NavIcon = {
       <path v-if="name==='chevron-left'"  d="M15 18l-6-6 6-6"/>
     </svg>
   `,
-};
+}
 </script>
 
 <style scoped lang="scss">
@@ -165,7 +165,9 @@ const NavIcon = {
     padding: 0 18px;
     color: var(--color-muted);
     text-decoration: none;
-    transition: color var(--transition-fast), background var(--transition-fast);
+    transition:
+      color var(--transition-fast),
+      background var(--transition-fast);
     white-space: nowrap;
 
     &:hover {
@@ -220,7 +222,9 @@ const NavIcon = {
     cursor: pointer;
     transition: color var(--transition-fast);
 
-    &:hover { color: var(--color-cream); }
+    &:hover {
+      color: var(--color-cream);
+    }
   }
 }