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/TheFooter/DownloadUrlList.vue

@@ -1,17 +1,22 @@
 <template>
   <span
     class="container"
-    v-bind:class="{
+    :class="{
       'container-unsupported': !hasCurrentOsDesktopVersion,
       'container-supported': hasCurrentOsDesktopVersion,
-    }">
+    }"
+  >
     <span class="description">
       <AppIcon class="description__icon" icon="desktop" />
       <span class="description__text">For desktop:</span>
     </span>
     <span class="urls">
-      <span class="urls__url" v-for="os of supportedDesktops" v-bind:key="os">
-        <DownloadUrlListItem :operatingSystem="os" />
+      <span
+        v-for="os of supportedDesktops"
+        :key="os"
+        class="urls__url"
+      >
+        <DownloadUrlListItem :operating-system="os" />
       </span>
     </span>
   </span>

src/presentation/components/TheFooter/DownloadUrlListItem.vue

@@ -2,10 +2,11 @@
   <span class="url">
     <a
       :href="downloadUrl"
-      v-bind:class="{
+      :class="{
         url__active: hasCurrentOsDesktopVersion && isCurrentOs,
         url__inactive: hasCurrentOsDesktopVersion && !isCurrentOs,
-      }">{{ operatingSystemName }}</a>
+      }"
+    >{{ operatingSystemName }}</a>
   </span>
 </template>
 

src/presentation/components/TheFooter/PrivacyPolicy.vue

@@ -1,29 +1,39 @@
 <template>
   <div class="privacy-policy">
     <div v-if="!isDesktop" class="line">
-      <div class="line__emoji">🚫🍪</div>
+      <div class="line__emoji">
+        🚫🍪
+      </div>
       <div>No cookies!</div>
     </div>
     <div v-if="isDesktop" class="line">
-      <div class="line__emoji">🚫🌐</div>
+      <div class="line__emoji">
+        🚫🌐
+      </div>
       <div>
         Everything is offline, except single request GitHub
         to check for updates on application start.
       </div>
     </div>
     <div class="line">
-      <div class="line__emoji">🚫👀</div>
+      <div class="line__emoji">
+        🚫👀
+      </div>
       <div>No user behavior / IP address collection!</div>
     </div>
     <div class="line">
-      <div class="line__emoji">🤖</div>
+      <div class="line__emoji">
+        🤖
+      </div>
       <div>
         All transparent: Deployed automatically from the master branch
         of the <a :href="repositoryUrl" target="_blank" rel="noopener noreferrer">source code</a> with no changes.
       </div>
     </div>
     <div v-if="!isDesktop" class="line">
-      <div class="line__emoji">📈</div>
+      <div class="line__emoji">
+        📈
+      </div>
       <div>
         Basic <a href="https://aws.amazon.com/cloudfront/reporting/" target="_blank" rel="noopener noreferrer">CDN statistics</a>
         are collected by AWS but they cannot be traced to you or your behavior.
@@ -31,11 +41,14 @@
       </div>
     </div>
     <div class="line">
-      <div class="line__emoji">🎉</div>
+      <div class="line__emoji">
+        🎉
+      </div>
       <div>
         As almost no data is collected, the application gets better
         only with your active feedback.
-        Feel free to <a :href="feedbackUrl" target="_blank" rel="noopener noreferrer">create an issue</a> 😊</div>
+        Feel free to <a :href="feedbackUrl" target="_blank" rel="noopener noreferrer">create an issue</a> 😊
+      </div>
     </div>
   </div>
 </template>