From bfb0d0705cb0a05d9ea9186e972c6072c9a66d03 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D5=A1=C9=A8=D5=BC=C9=A2=D3=84=D5=A1=D6=85=D5=BC=C9=A2?=
 <wingkwong.code@gmail.com>
Date: Mon, 13 Nov 2023 11:43:06 +0800
Subject: [PATCH] fix(nc-gui): runtime directive warnings in
 OpenLeftSidebarBtn.vue

---
 .../components/general/OpenLeftSidebarBtn.vue | 49 ++++++++++---------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/packages/nc-gui/components/general/OpenLeftSidebarBtn.vue b/packages/nc-gui/components/general/OpenLeftSidebarBtn.vue
index 4c52a10fc8..777dc78984 100644
--- a/packages/nc-gui/components/general/OpenLeftSidebarBtn.vue
+++ b/packages/nc-gui/components/general/OpenLeftSidebarBtn.vue
@@ -11,29 +11,30 @@ const onClick = () => {
 </script>
 
 <template>
-  <NcTooltip
-    v-e="['c:leftSidebar:hideToggle']"
-    placement="topLeft"
-    hide-on-click
-    class="transition-all duration-150"
-    :class="{
-      'opacity-0 w-0 pointer-events-none': !isMobileMode && isLeftSidebarOpen,
-      'opacity-100 max-w-10': isMobileMode || !isLeftSidebarOpen,
-    }"
-  >
-    <template #title>
-      {{ isLeftSidebarOpen ? `${$t('title.hideSidebar')}` : `${$t('title.showSidebar')}` }}
-    </template>
-    <NcButton
-      :type="isMobileMode ? 'secondary' : 'text'"
-      :size="isMobileMode ? 'medium' : 'small'"
-      class="nc-sidebar-left-toggle-icon !text-gray-600 !hover:text-gray-800 w-8"
-      @click="onClick"
+  <div v-e="['c:leftSidebar:hideToggle']">
+    <NcTooltip
+      placement="topLeft"
+      hide-on-click
+      class="transition-all duration-150"
+      :class="{
+        'opacity-0 w-0 pointer-events-none': !isMobileMode && isLeftSidebarOpen,
+        'opacity-100 max-w-10': isMobileMode || !isLeftSidebarOpen,
+      }"
     >
-      <div class="flex items-center text-inherit">
-        <GeneralIcon v-if="isMobileMode" icon="menu" class="text-lg -mt-0.25" />
-        <GeneralIcon v-else icon="doubleRightArrow" class="duration-150 transition-all !text-lg -mt-0.25" />
-      </div>
-    </NcButton>
-  </NcTooltip>
+      <template #title>
+        {{ isLeftSidebarOpen ? `${$t('title.hideSidebar')}` : `${$t('title.showSidebar')}` }}
+      </template>
+      <NcButton
+        :type="isMobileMode ? 'secondary' : 'text'"
+        :size="isMobileMode ? 'medium' : 'small'"
+        class="nc-sidebar-left-toggle-icon !text-gray-600 !hover:text-gray-800 w-8"
+        @click="onClick"
+      >
+        <div class="flex items-center text-inherit">
+          <GeneralIcon v-if="isMobileMode" icon="menu" class="text-lg -mt-0.25" />
+          <GeneralIcon v-else icon="doubleRightArrow" class="duration-150 transition-all !text-lg -mt-0.25" />
+        </div>
+      </NcButton>
+    </NcTooltip>
+  </div>
 </template>