chore(deps): migrate to eslint 9 (#2443)

src/runtime/components/overlays/ContextMenu.vue

@@ -54,16 +54,16 @@ export default defineComponent({
     }
   },
   emits: ['update:modelValue', 'close'],
-  setup (props, { emit }) {
+  setup(props, { emit }) {
     const { ui, attrs } = useUI('contextMenu', toRef(props, 'ui'), config)
 
     const popper = computed<PopperOptions>(() => defu({}, props.popper, ui.value.popper as PopperOptions))
 
     const isOpen = computed({
-      get () {
+      get() {
         return props.modelValue
       },
-      set (value) {
+      set(value) {
         emit('update:modelValue', value)
       }
     })

src/runtime/components/overlays/Modal.vue

@@ -14,7 +14,7 @@
                 ui.background,
                 ui.ring,
                 ui.shadow,
-                fullscreen ? ui.fullscreen : [ui.width, ui.height, ui.rounded, ui.margin],
+                fullscreen ? ui.fullscreen : [ui.width, ui.height, ui.rounded, ui.margin]
               ]"
             >
               <slot />
@@ -83,14 +83,14 @@ export default defineComponent({
     }
   },
   emits: ['update:modelValue', 'close', 'close-prevented', 'after-leave'],
-  setup (props, { emit }) {
+  setup(props, { emit }) {
     const { ui, attrs } = useUI('modal', toRef(props, 'ui'), config, toRef(props, 'class'))
 
     const isOpen = computed({
-      get () {
+      get() {
         return props.modelValue
       },
-      set (value) {
+      set(value) {
         emit('update:modelValue', value)
       }
     })
@@ -105,7 +105,7 @@ export default defineComponent({
       }
     })
 
-    function close (value: boolean) {
+    function close(value: boolean) {
       if (props.preventClose) {
         emit('close-prevented')
 

src/runtime/components/overlays/Notification.vue

@@ -106,7 +106,7 @@ export default defineComponent({
     color: {
       type: String as PropType<NotificationColor>,
       default: () => config.default.color,
-      validator (value: string) {
+      validator(value: string) {
         return ['gray', ...appConfig.ui.colors].includes(value)
       }
     },
@@ -120,7 +120,7 @@ export default defineComponent({
     }
   },
   emits: ['close'],
-  setup (props, { emit }) {
+  setup(props, { emit }) {
     const { ui, attrs } = useUI('notification', toRef(props, 'ui'), config)
 
     let timer: null | ReturnType<typeof useTimer> = null
@@ -156,19 +156,19 @@ export default defineComponent({
       )
     })
 
-    function onMouseover () {
+    function onMouseover() {
       if (timer) {
         timer.pause()
       }
     }
 
-    function onMouseleave () {
+    function onMouseleave() {
       if (timer) {
         timer.resume()
       }
     }
 
-    function onClose () {
+    function onClose() {
       if (timer) {
         timer.stop()
       }
@@ -180,7 +180,7 @@ export default defineComponent({
       emit('close')
     }
 
-    function onAction (action: NotificationAction) {
+    function onAction(action: NotificationAction) {
       if (timer) {
         timer.stop()
       }
@@ -192,7 +192,7 @@ export default defineComponent({
       emit('close')
     }
 
-    function initTimer () {
+    function initTimer() {
       if (timer) {
         timer.stop()
       }

src/runtime/components/overlays/Notifications.vue

@@ -23,11 +23,11 @@
 import { computed, toRef, defineComponent } from 'vue'
 import type { PropType } from 'vue'
 import { twMerge, twJoin } from 'tailwind-merge'
-import UNotification from './Notification.vue'
 import { useUI } from '../../composables/useUI'
 import { useToast } from '../../composables/useToast'
 import { mergeConfig } from '../../utils'
 import type { DeepPartial, Notification, Strategy } from '../../types/index'
+import UNotification from './Notification.vue'
 import { useState } from '#imports'
 // @ts-expect-error
 import appConfig from '#build/app.config'
@@ -50,7 +50,7 @@ export default defineComponent({
       default: () => ({})
     }
   },
-  setup (props) {
+  setup(props) {
     const { ui, attrs } = useUI('notifications', toRef(props, 'ui'), config)
 
     const toast = useToast()

src/runtime/components/overlays/Popover.vue

@@ -98,7 +98,7 @@ export default defineComponent({
     }
   },
   emits: ['update:open'],
-  setup (props, { emit }) {
+  setup(props, { emit }) {
     const { ui, attrs } = useUI('popover', toRef(props, 'ui'), config, toRef(props, 'class'))
 
     const popper = computed<PopperOptions>(() => defu(props.mode === 'hover' ? { offsetDistance: 0 } : {}, props.popper, ui.value.popper as PopperOptions))
@@ -154,7 +154,7 @@ export default defineComponent({
       }
     })
 
-    function onTouchStart (event: TouchEvent) {
+    function onTouchStart(event: TouchEvent) {
       if (!event.cancelable || !popoverApi.value || props.mode === 'click') {
         return
       }
@@ -166,7 +166,7 @@ export default defineComponent({
       }
     }
 
-    function onMouseEnter () {
+    function onMouseEnter() {
       if (props.mode !== 'hover' || !popoverApi.value) {
         return
       }
@@ -181,12 +181,14 @@ export default defineComponent({
         return
       }
       openTimeout = openTimeout || setTimeout(() => {
-        popoverApi.value.togglePopover && popoverApi.value.togglePopover()
+        if (popoverApi.value.togglePopover) {
+          popoverApi.value.togglePopover()
+        }
         openTimeout = null
       }, props.openDelay)
     }
 
-    function onMouseLeave () {
+    function onMouseLeave() {
       if (props.mode !== 'hover' || !popoverApi.value) {
         return
       }
@@ -201,7 +203,9 @@ export default defineComponent({
         return
       }
       closeTimeout = closeTimeout || setTimeout(() => {
-        popoverApi.value.closePopover && popoverApi.value.closePopover()
+        if (popoverApi.value.closePopover) {
+          popoverApi.value.closePopover()
+        }
         closeTimeout = null
       }, props.closeDelay)
     }

src/runtime/components/overlays/Slideover.vue

@@ -72,14 +72,14 @@ export default defineComponent({
     }
   },
   emits: ['update:modelValue', 'close', 'close-prevented', 'after-leave'],
-  setup (props, { emit }) {
+  setup(props, { emit }) {
     const { ui, attrs } = useUI('slideover', toRef(props, 'ui'), config, toRef(props, 'class'))
 
     const isOpen: WritableComputedRef<boolean> = computed({
-      get () {
+      get() {
         return props.modelValue
       },
-      set (value) {
+      set(value) {
         emit('update:modelValue', value)
       }
     })
@@ -96,25 +96,25 @@ export default defineComponent({
 
       let enterFrom, leaveTo
       switch (props.side) {
-      case 'left':
-        enterFrom = ui.value.translate.left
-        leaveTo = ui.value.translate.left
-        break
-      case 'right':
-        enterFrom = ui.value.translate.right
-        leaveTo = ui.value.translate.right
-        break
-      case 'top':
-        enterFrom = ui.value.translate.top
-        leaveTo = ui.value.translate.top
-        break
-      case 'bottom':
-        enterFrom = ui.value.translate.bottom
-        leaveTo = ui.value.translate.bottom
-        break
-      default:
-        enterFrom = ui.value.translate.right
-        leaveTo = ui.value.translate.right
+        case 'left':
+          enterFrom = ui.value.translate.left
+          leaveTo = ui.value.translate.left
+          break
+        case 'right':
+          enterFrom = ui.value.translate.right
+          leaveTo = ui.value.translate.right
+          break
+        case 'top':
+          enterFrom = ui.value.translate.top
+          leaveTo = ui.value.translate.top
+          break
+        case 'bottom':
+          enterFrom = ui.value.translate.bottom
+          leaveTo = ui.value.translate.bottom
+          break
+        default:
+          enterFrom = ui.value.translate.right
+          leaveTo = ui.value.translate.right
       }
 
       return {
@@ -128,21 +128,20 @@ export default defineComponent({
 
     const sideType = computed(() => {
       switch (props.side) {
-      case 'left':
-        return 'horizontal'
-      case 'right':
-        return 'horizontal'
-      case 'top':
-        return 'vertical'
-      case 'bottom':
-        return 'vertical'
-      default:
-        return 'right'
+        case 'left':
+          return 'horizontal'
+        case 'right':
+          return 'horizontal'
+        case 'top':
+          return 'vertical'
+        case 'bottom':
+          return 'vertical'
+        default:
+          return 'right'
       }
     })
 
-
-    function close (value: boolean) {
+    function close(value: boolean) {
       if (props.preventClose) {
         emit('close-prevented')
 

src/runtime/components/overlays/Tooltip.vue

@@ -40,8 +40,6 @@ import type { DeepPartial, PopperOptions, Strategy } from '../../types/index'
 // @ts-expect-error
 import appConfig from '#build/app.config'
 import { tooltip } from '#ui/ui.config'
-// import useslots
-
 
 const config = mergeConfig<typeof tooltip>(appConfig.ui.strategy, appConfig.ui.tooltip, tooltip)
 
@@ -84,7 +82,7 @@ export default defineComponent({
       default: () => ({})
     }
   },
-  setup (props) {
+  setup(props) {
     const { ui, attrs } = useUI('tooltip', toRef(props, 'ui'), config, toRef(props, 'class'))
 
     const popper = computed<PopperOptions>(() => defu({}, props.popper, ui.value.popper as PopperOptions))
@@ -100,7 +98,7 @@ export default defineComponent({
 
     // Methods
 
-    function onMouseEnter () {
+    function onMouseEnter() {
       // cancel programmed closing
       if (closeTimeout) {
         clearTimeout(closeTimeout)
@@ -116,7 +114,7 @@ export default defineComponent({
       }, props.openDelay)
     }
 
-    function onMouseLeave () {
+    function onMouseLeave() {
       // cancel programmed opening
       if (openTimeout) {
         clearTimeout(openTimeout)