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/TreeView/TreeView.vue

@@ -1,10 +1,10 @@
 <template>
   <div
-    class="tree"
     ref="treeContainerElement"
+    class="tree"
   >
-    <TreeRoot :treeRoot="tree" :renderingStrategy="nodeRenderingScheduler">
-      <template v-slot="slotProps">
+    <TreeRoot :tree-root="tree" :rendering-strategy="nodeRenderingScheduler">
+      <template #default="slotProps">
         <slot name="node-content" v-bind="slotProps" />
       </template>
     </TreeRoot>
@@ -34,11 +34,6 @@ export default defineComponent({
   components: {
     TreeRoot,
   },
-  emits: {
-    /* eslint-disable @typescript-eslint/no-unused-vars */
-    nodeStateChanged: (node: TreeNodeStateChangedEmittedEvent) => true,
-    /* eslint-enable @typescript-eslint/no-unused-vars */
-  },
   props: {
     initialNodes: {
       type: Array as PropType<readonly TreeInputNodeData[]>,
@@ -53,6 +48,11 @@ export default defineComponent({
       default: () => [],
     },
   },
+  emits: {
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    nodeStateChanged: (node: TreeNodeStateChangedEmittedEvent) => true,
+    /* eslint-enable @typescript-eslint/no-unused-vars */
+  },
   setup(props, { emit }) {
     const treeContainerElement = shallowRef<HTMLElement | undefined>();