Fix vue linting errors

Author: josbeir

.vitepress/theme/components/PageLoader.vue

@@ -5,8 +5,8 @@
   const visible = ref(false)
   const router = useRouter()
 
-  let before: (() => void) | null = null
-  let after: (() => void) | null = null
+  let before = null
+  let after = null
 
   onMounted(() => {
     before = () => { visible.value = true }
@@ -30,8 +30,11 @@
 
 <template>
   <transition name="fade">
-    <div v-if="visible" class="page-loader">
-      <div class="page-loader-bar"></div>
+    <div
+      v-if="visible"
+      class="page-loader"
+    >
+      <div class="page-loader-bar" />
     </div>
   </transition>
 </template>

.vitepress/theme/components/VersionDropdown.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, computed, onMounted, onUnmounted, nextTick } from 'vue'
+import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { useRoute, useRouter, useData, withBase } from 'vitepress'
 import { getVersionNavItems, getVersionByPath, getVersionLabel, isLocaleSupported } from '../../cake.js'
 
@@ -37,7 +37,7 @@ const closeDropdown = () => {
   isOpen.value = false
 }
 
-const handleVersionClick = (version, event) => {
+const handleVersionClick = (version, _event) => {
   closeDropdown()
 
   pendingVersionNavigation.value = {
@@ -97,22 +97,35 @@ onUnmounted(() => {
 
 <template>
   <div class="version-dropdown">
-    <button class="nav-dropdown-link" @click="toggleDropdown" :aria-expanded="isOpen">
+    <button
+      class="nav-dropdown-link"
+      :aria-expanded="isOpen"
+      @click="toggleDropdown"
+    >
       {{ currentVersionText }}
-      <span class="dropdown-arrow" :class="{ open: isOpen }">▼</span>
+      <span
+        class="dropdown-arrow"
+        :class="{ open: isOpen }"
+      >▼</span>
     </button>
-    <ul v-show="isOpen" class="nav-dropdown-links">
-      <li v-for="version in versionNavItems" :key="version.path">
+    <ul
+      v-show="isOpen"
+      class="nav-dropdown-links"
+    >
+      <li
+        v-for="version in versionNavItems"
+        :key="version.path"
+      >
         <a
-        :href="withBase(version.link)"
-        :class="{ active: withBase(version.path) === currentPath }"
-        @click="handleVersionClick(version, $event)"
+          :href="withBase(version.link)"
+          :class="{ active: withBase(version.path) === currentPath }"
+          @click="handleVersionClick(version, $event)"
         >
-        {{ version.text }}
-      </a>
-    </li>
-  </ul>
-</div>
+          {{ version.text }}
+        </a>
+      </li>
+    </ul>
+  </div>
 </template>
 
 <style scoped>

package.json

@@ -13,7 +13,7 @@
     "docs:dev": "vitepress dev",
     "docs:build": "vitepress build",
     "docs:preview": "vitepress preview",
-    "lint": "eslint .vitepress/**/*.js validate-sidebar.js",
-    "lint:fix": "eslint .vitepress/**/*.js validate-sidebar.js --fix"
+    "lint": "eslint .vitepress/ validate-sidebar.js",
+    "lint:fix": "eslint .vitepress/ validate-sidebar.js --fix"
   }
 }