Refactor to Vue 3 recommended ESLint rules

These updates ensure better adherence to Vue 3 standards and improve
overall code quality and readability.

- Update ESLint configuration from Vue 2.x to Vue 3 rules.
- Switch from "essential" to strictest "recommended" ESLint ruleset.
- Adjust ESLint script to treat warnings as errors by using
  `--max-warnings=0` flag. This enforces stricter code quality controls
  provided by Vue 3 rules.

src/presentation/components/Scripts/View/Tree/ScriptsTree.vue

@@ -2,13 +2,13 @@
   <span id="container">
     <span v-if="initialNodes.length">
       <TreeView
-        :initialNodes="initialNodes"
-        :selectedLeafNodeIds="selectedScriptNodeIds"
-        :latestFilterEvent="latestFilterEvent"
-        @nodeStateChanged="handleNodeChangedEvent($event)"
+        :initial-nodes="initialNodes"
+        :selected-leaf-node-ids="selectedScriptNodeIds"
+        :latest-filter-event="latestFilterEvent"
+        @node-state-changed="handleNodeChangedEvent($event)"
       >
-        <template v-slot:node-content="{ nodeMetadata }">
-          <NodeContent :nodeMetadata="nodeMetadata" />
+        <template #node-content="{ nodeMetadata }">
+          <NodeContent :node-metadata="nodeMetadata" />
         </template>
       </TreeView>
     </span>
@@ -28,16 +28,16 @@ import { TreeNodeStateChangedEmittedEvent } from './TreeView/Bindings/TreeNodeSt
 import { useSelectedScriptNodeIds } from './TreeViewAdapter/UseSelectedScriptNodeIds';
 
 export default defineComponent({
+  components: {
+    TreeView,
+    NodeContent,
+  },
   props: {
     categoryId: {
       type: [Number],
       default: undefined,
     },
   },
-  components: {
-    TreeView,
-    NodeContent,
-  },
   setup(props) {
     const useUserCollectionStateHook = injectKey((keys) => keys.useUserSelectionState);
     const { selectedScriptNodeIds } = useSelectedScriptNodeIds(useUserCollectionStateHook);