From 6cb5f9a4fa73a66d5d34142cf8b6fa4dfb013ac6 Mon Sep 17 00:00:00 2001
From: Vitaly Raicheu <vitaly.raichev@epicmax.co>
Date: Wed, 26 Apr 2023 15:28:24 +0300
Subject: [PATCH] fix: code styling in Header and Sidebar components

---
 packages/docs/components/layout/Header.vue  | 2 +-
 packages/docs/components/layout/Sidebar.vue | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/docs/components/layout/Header.vue b/packages/docs/components/layout/Header.vue
index 1917ffb8b8..87e233de8b 100644
--- a/packages/docs/components/layout/Header.vue
+++ b/packages/docs/components/layout/Header.vue
@@ -9,7 +9,7 @@
         <header-selector
           class="mr-3"
           :minimized="isSidebarVisible"
-          @toggleSidebar="toggleSidebar"
+          @toggle-sidebar="toggleSidebar"
         />
         <NuxtLink
           v-slot="{ navigate, href }"
diff --git a/packages/docs/components/layout/Sidebar.vue b/packages/docs/components/layout/Sidebar.vue
index c6923268e7..31e01e0bf6 100644
--- a/packages/docs/components/layout/Sidebar.vue
+++ b/packages/docs/components/layout/Sidebar.vue
@@ -12,7 +12,7 @@
         v-for="(route, key) in navigationRoutes"
         :key="key"
       >
-        <template #header="{ value, hasKeyboardFocus }">
+        <template #header="{ value: isCollapsed, hasKeyboardFocus }">
           <va-sidebar-item
             class="sidebar__collapse-custom-header"
             :class="{
@@ -21,7 +21,7 @@
             }"
           >
             {{ t(route.displayName) }}
-            <va-icon :name="value ? 'va-arrow-up' : 'va-arrow-down'" />
+            <va-icon :name="isCollapsed ? 'va-arrow-up' : 'va-arrow-down'" />
           </va-sidebar-item>
         </template>
         <div
@@ -66,7 +66,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, watch, ref, computed, PropType } from 'vue'
+import { defineComponent, watch, ref, computed } from 'vue'
 import { useRoute } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 
@@ -106,6 +106,7 @@ export default defineComponent({
     visible: { type: Boolean, default: false },
     mobile: { type: Boolean, default: false },
   },
+  emits: ['update:visible'],
   setup: (props, { emit }) => {
     const i18n = useI18n()
     const route = useRoute()
@@ -147,7 +148,6 @@ export default defineComponent({
     return {
       ...i18n,
       navigationRoutes: getSortedNavigationRoutes(navigationRoutes),
-      route,
       getColor,
       writableVisible,
       sidebarWidth,