[lint] Enable plugin vue recommended rules (#3403)

src/components/sidebar/tabs/nodeLibrary/NodeBookmarkTreeExplorer.vue

@@ -1,9 +1,9 @@
 <template>
   <TreeExplorer
-    class="node-lib-bookmark-tree-explorer"
     ref="treeExplorerRef"
+    class="node-lib-bookmark-tree-explorer"
     :root="renderedBookmarkedRoot"
-    :expandedKeys="expandedKeys"
+    :expanded-keys="expandedKeys"
   >
     <template #folder="{ node }">
       <NodeTreeFolder :node="node" />
@@ -15,9 +15,9 @@
 
   <FolderCustomizationDialog
     v-model="showCustomizationDialog"
+    :initial-icon="initialIcon"
+    :initial-color="initialColor"
     @confirm="updateCustomization"
-    :initialIcon="initialIcon"
-    :initialColor="initialColor"
   />
 </template>
 

src/components/sidebar/tabs/nodeLibrary/NodeTreeFolder.vue

@@ -1,9 +1,6 @@
 <template>
   <div ref="container" class="node-lib-node-container">
-    <TreeExplorerTreeNode
-      :node="node"
-      @item-dropped="handleItemDrop"
-    ></TreeExplorerTreeNode>
+    <TreeExplorerTreeNode :node="node" @item-dropped="handleItemDrop" />
   </div>
 </template>
 

src/components/sidebar/tabs/nodeLibrary/NodeTreeLeaf.vue

@@ -27,7 +27,7 @@
 
     <teleport v-if="isHovered" to="#node-library-node-preview-container">
       <div class="node-lib-node-preview" :style="nodePreviewStyle">
-        <NodePreview ref="previewRef" :nodeDef="nodeDef"></NodePreview>
+        <NodePreview ref="previewRef" :node-def="nodeDef" />
       </div>
     </teleport>
   </div>