fix(nc-gui): runtime directive used on component with non-element root node

packages/nc-gui/components/dashboard/TreeView/ViewsNode.vue

@@ -192,7 +192,6 @@ watch(isDropdownOpen, async () => {
 
 <template>
   <a-menu-item
-    v-e="['c:view:open']"
     class="nc-sidebar-node !min-h-7 !max-h-7 !mb-0.25 select-none group text-gray-700 !flex !items-center !mt-0 hover:(!bg-gray-200 !text-gray-900) cursor-pointer"
     :class="{
       '!pl-18 !xs:(pl-19.75)': isDefaultBase,
@@ -203,9 +202,12 @@ watch(isDropdownOpen, async () => {
     @click="onClick"
   >
     <div v-e="['a:view:open', { view: vModel.type }]" class="text-sm flex items-center w-full gap-1" data-testid="view-item">
-      <div class="flex min-w-6" :data-testid="`view-sidebar-drag-handle-${vModel.alias || vModel.title}`">
-        <LazyGeneralEmojiPicker
+      <div
         v-e="['c:view:emoji-picker']"
+        class="flex min-w-6"
+        :data-testid="`view-sidebar-drag-handle-${vModel.alias || vModel.title}`"
+      >
+        <LazyGeneralEmojiPicker
           class="nc-table-icon"
           :emoji="props.view?.meta?.icon"
           size="small"

packages/nc-gui/components/smartsheet/grid/Table.vue

@@ -1471,10 +1471,10 @@ onKeyStroke('ArrowDown', onDown)
                   ></td>
                 </tr>
               </template>
-              <template v-else>
               <LazySmartsheetRow v-for="(row, rowIndex) of dataRef" ref="rowRefs" :key="rowIndex" :row="row">
                 <template #default="{ state }">
                   <tr
+                    v-show="!showSkeleton"
                     class="nc-grid-row !xs:h-14"
                     :style="{ height: rowHeight ? `${rowHeight * 1.8}rem` : `1.8rem` }"
                     :data-testid="`grid-row-${rowIndex}`"
@@ -1610,7 +1610,6 @@ onKeyStroke('ArrowDown', onDown)
                   </tr>
                 </template>
               </LazySmartsheetRow>
-              </template>
 
               <tr
                 v-if="isAddingEmptyRowAllowed && !isGroupBy"