feat: update eslint to v9

components/AnimatedArrow.vue

@@ -1,6 +1,6 @@
 <template>
   <div ref="arrow">
-    <ArrowRightIcon class="arrow ml-md h-[14px]"></ArrowRightIcon>
+    <ArrowRightIcon class="arrow ml-md h-[14px]" />
   </div>
 </template>
 

components/DownloadNodeBtn.vue

@@ -0,0 +1,60 @@
+<template>
+  <client-only>
+    <WButton :type="ButtonType.dark" class="mb-md">
+      <a :href="primaryActionUrl" target="_blank">
+        <i18n-t :keypath="primaryActionLocalePath" tag="p" scope="global">
+          <span v-if="release" class="ml-[4px]">{{ release.platform }}</span>
+        </i18n-t>
+      </a>
+    </WButton>
+    <p v-if="release" class="text text-wit-blue-500">
+      {{ release.platform }} • x86_64 • {{ size }} MB
+    </p>
+  </client-only>
+</template>
+
+<script setup lang="ts">
+import {
+  getLatestRelease,
+  type LatestReleaseResponse,
+} from '@/utils/getLatestRelease'
+import { ButtonType, WButton } from 'wit-vue-ui'
+import { getBrowserOs } from '@/utils/getBrowserOs'
+import { URL_RELEASE_BASE } from '@/constants'
+import { computed, type Ref } from 'vue'
+
+const primaryActionLocalePath = computed(() => {
+  return release.value
+    ? 'coin.run_in_platform.main-alt'
+    : 'coin.run_in_platform.main-mobile'
+})
+
+const size = computed(() => {
+  const size: number | null | undefined = release.value?.size
+  return size ? (size / 1024 / 1024).toFixed(1) : ''
+})
+
+const primaryActionUrl = computed(() => {
+  return release.value
+    ? release.value.releaseUrl
+    : 'https://docs.witnet.io/node-operators/docker-quick-start-guide'
+})
+
+const { data }: { data: Ref<LatestReleaseResponse | undefined> } =
+  await useFetch(URL_RELEASE_BASE)
+
+const os = computed(() => getBrowserOs(navigator))
+
+const downloadRelease = computed(() =>
+  os.value ? getLatestRelease({ os: os.value, data: data.value }) : null,
+)
+const release = computed(() => downloadRelease.value)
+</script>
+
+<style lang="scss">
+.link {
+  width: max-content;
+  height: auto;
+  display: flex;
+}
+</style>

components/MailchimpEmbed.vue

@@ -3,7 +3,7 @@
     href="//cdn-images.mailchimp.com/embedcode/classic-061523.css"
     rel="stylesheet"
     type="text/css"
-  />
+  >
   <component
     :is="'script'"
     type="text/javascript"
@@ -28,27 +28,19 @@
           class="text-black-950 outline-none required email rounded-l-full border min-w-[300px] sm:min-w-full py-sm px-md block w-full border-white-50 shadow-sm text-sm focus:z-10 focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600"
           required=""
           value=""
-        />
+        >
       </div>
       <div id="mce-responses" class="clear">
-        <div
-          id="mce-error-response"
-          class="response"
-          style="display: none"
-        ></div>
-        <div
-          id="mce-success-response"
-          class="response"
-          style="display: none"
-        ></div>
+        <div id="mce-error-response" class="response" style="display: none" />
+        <div id="mce-success-response" class="response" style="display: none" />
       </div>
       <div style="position: absolute; left: -5000px" aria-hidden="true">
         <input
           type="text"
           name="b_5a67ab2b3f2db1c50be62f761_aaf328ec13"
           tabindex="-1"
           value=""
-        />
+        >
       </div>
       <div class="clear">
         <input
@@ -57,7 +49,7 @@
           name="subscribe"
           class="text-wit-blue-500 margin rounded-r-full py-sm px-md inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-e-md border border-black-950 bg-black-950 text-white hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none cursor-pointer"
           :value="subscribeLocale"
-        />
+        >
       </div>
     </div>
   </form>

components/RotateOnScroll.vue

@@ -1,6 +1,6 @@
 <template>
   <div ref="blueStar" class="h-max w-auto">
-    <slot></slot>
+    <slot />
   </div>
 </template>
 

components/sections/BuySection.vue

@@ -37,10 +37,11 @@
 
 <script setup lang="ts">
 import { WIconText, WIcon, IconName, IconTextPosition } from 'wit-vue-ui'
-import { URLS } from '../../constants.js'
+import { URLS } from '@/constants.js'
+import type { Exchange } from '@/types.js'
 
 const { t } = useI18n()
-const exchanges: Array<any> = [
+const exchanges: Array<Exchange> = [
   {
     name: t('buy-section.exchanges.gate'),
     logo: IconName.Gate,