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

@@ -10,13 +10,14 @@
         </div>
       </template>
     </div>
-    <div v-else> <!-- Searching -->
+    <div v-else>
+      <!-- Searching -->
       <div class="search">
         <div class="search__query">
           <div>Searching for "{{ trimmedSearchQuery }}"</div>
           <div
             class="search__query__close-button"
-            v-on:click="clearSearchQuery()"
+            @click="clearSearchQuery()"
           >
             <AppIcon icon="xmark" />
           </div>