@bagelink/vue 1.5.17 → 1.5.20

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.5.17",
+  "version": "1.5.20",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/AccordionItem.vue

@@ -32,7 +32,7 @@ const accordionState = inject<AccordionState>('accordionState')
 const id = props.id || Math.random().toString(36).slice(7)
 
 const computedIcon = computed(() => {
-	return props.iconType === 'plus_minus'
+	return 'plus_minus' === props.iconType
 		? (isOpen ? 'remove' : 'add')
 		: 'expand_more'
 })
@@ -44,7 +44,7 @@ if (accordionState) {
 	watch(
 		() => accordionState.openItem,
 		(currentOpenId) => {
-			if (currentOpenId !== id) isOpen = false
+			if (currentOpenId !== id) {isOpen = false}
 		},
 		{ immediate: true }
 	)

package/src/components/AddToCalendar.vue

@@ -39,7 +39,7 @@ const calendarProviders = [
 ]
 
 const includedProviders = computed(() => {
-	if (!props.providers || !props.providers.length) return calendarProviders
+	if (!props.providers || !props.providers.length) {return calendarProviders}
 	return calendarProviders.filter(provider => props.providers?.includes(provider.id))
 })
 

package/src/components/BglVideo.vue

@@ -26,7 +26,7 @@ const isYoutubeShort = $computed(() => {
 
 const aspectRatio = $computed(
 	() => {
-		if (isYoutubeShort) return '9/16' // Vertical aspect ratio for Shorts
+		if (isYoutubeShort) {return '9/16'} // Vertical aspect ratio for Shorts
 		return props.aspectRatio?.replace(':', '/') || '16/9'
 	}
 )
@@ -42,7 +42,7 @@ function pause() {
 }
 
 // Setup intersection observer for autoplay="visible"
-if (props.autoplay === 'visible') {
+if ('visible' === props.autoplay) {
 	useIntersectionObserver(
 		videoContainer,
 		([{ isIntersecting }]) => {
@@ -57,22 +57,22 @@ if (props.autoplay === 'visible') {
 }
 
 watch(() => props.status, (status) => {
-	if (status === 'play') play()
-	if (status === 'pause') pause()
+	if ('play' === status) {play()}
+	if ('pause' === status) {pause()}
 })
 
 defineExpose({ play, pause })
 
 const embedType = $computed<'YouTube' | 'Vimeo' | undefined>(() => {
 	const youtubeRegex = /youtube\.com|youtu\.be/
-	if (youtubeRegex.test(props.src || '')) return 'YouTube'
+	if (youtubeRegex.test(props.src || '')) {return 'YouTube'}
 	const vimeoRegex = /(?:player\.)?vimeo\.com/
-	if (vimeoRegex.test(props.src || '')) return 'Vimeo'
+	if (vimeoRegex.test(props.src || '')) {return 'Vimeo'}
 })
 
 const videoUrl = $computed(() => {
 	if (embedType) {
-		if (embedType === 'YouTube') {
+		if ('YouTube' === embedType) {
 			// Extract video ID from YouTube regular or Shorts URL
 			let videoId = ''
 			if (props.src?.includes('youtube.com/shorts/')) {
@@ -89,7 +89,7 @@ const videoUrl = $computed(() => {
 			})
 			return `https://www.youtube.com/embed/${videoId}?${queryParams}`
 		}
-		if (embedType === 'Vimeo') {
+		if ('Vimeo' === embedType) {
 			// Handle both regular Vimeo URLs and player.vimeo.com embed URLs
 			const playerVimeoRegex = /player\.vimeo\.com\/video\/(\d+)/
 			const regularVimeoRegex = /vimeo\.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/)?(\d+)(?:$|\/|\?)/

package/src/components/Btn.vue

@@ -60,7 +60,7 @@ const emit = defineEmits<{
 const isMobileScreen = ref(false)
 
 function checkMobile() {
-	isMobileScreen.value = window.innerWidth <= 910
+	isMobileScreen.value = 910 >= window.innerWidth
 }
 
 onMounted(() => {
@@ -75,13 +75,13 @@ onUnmounted(() => {
 async function handleClick(event: MouseEvent) {
 	if (props.confirm) {
 		const { confirmModal } = useModal()
-		const message = typeof props.confirm === 'string' ? props.confirm : 'Are you sure?'
+		const message = 'string' === typeof props.confirm ? props.confirm : 'Are you sure?'
 		const confirmed = await confirmModal({
 			title: 'Confirm',
 			message
 		})
 
-		if (!confirmed) return
+		if (!confirmed) {return}
 
 		props.onClick(event)
 		emit('confirmed', event)
@@ -91,7 +91,7 @@ async function handleClick(event: MouseEvent) {
 }
 
 const iconSizeComputed = $computed(() => {
-	if (props.iconSize !== undefined) return props.iconSize
+	if (props.iconSize !== undefined) {return props.iconSize}
 
 	// Default icon sizes based on button size
 	const sizeMap = {
@@ -115,17 +115,17 @@ const iconSizeComputed = $computed(() => {
 })
 
 const isComponent = $computed(() => {
-	if (props.disabled) return props.is
-	if (props.to) return RouterLink
-	if (props.href) return 'a'
+	if (props.disabled) {return props.is}
+	if (props.to) {return RouterLink}
+	if (props.href) {return 'a'}
 	return props.is
 })
 
 const bind = $computed(() => {
 	const obj: { [key: string]: any } = {}
 	if (!props.disabled) {
-		if (props.to) obj.to = props.to
-		else if (props.href) obj.href = props.href
+		if (props.to) {obj.to = props.to}
+		else if (props.href) {obj.href = props.href}
 	}
 	if (!props.to && !props.href) {
 		obj.role = props.role

package/src/components/Card.vue

@@ -25,14 +25,14 @@ const props = defineProps<{
 
 const bind = $computed(() => {
 	const obj: { [key: string]: any } = {}
-	if (props.href) obj.href = props.href
-	else if (props.to) obj.to = props.to
+	if (props.href) {obj.href = props.href}
+	else if (props.to) {obj.to = props.to}
 	return obj
 })
 
 const is = $computed(() => {
-	if (props.href) return 'a'
-	if (props.to) return 'router-link'
+	if (props.href) {return 'a'}
+	if (props.to) {return 'router-link'}
 	return 'div'
 })
 </script>

package/src/components/Carousel.vue

@@ -69,51 +69,51 @@ let velocityTracker = $ref<VelocitySample[]>([])
 const VELOCITY_SAMPLE_DURATION = 100 // ms to track velocity
 
 function getAverageVelocity(): number {
-	if (velocityTracker.length < 2) return 0
+	if (2 > velocityTracker.length) {return 0}
 
 	const now = Date.now()
 	// Only consider samples within our sample duration
 	const recentSamples = velocityTracker.filter((sample: VelocitySample) => now - sample.time < VELOCITY_SAMPLE_DURATION)
 
-	if (recentSamples.length < 2) return 0
+	if (2 > recentSamples.length) {return 0}
 
 	const first = recentSamples[0]
 	const last = recentSamples[recentSamples.length - 1]
 	const timeDelta = last.time - first.time
 
-	if (timeDelta === 0) return 0
+	if (0 === timeDelta) {return 0}
 
 	return (last.position - first.position) / timeDelta
 }
 
 // Transform helpers
 function getCurrentTransform(): number {
-	if (!bglSlider) return 0
+	if (!bglSlider) {return 0}
 	const { transform } = bglSlider.style
 	const value = transform ? Number.parseInt(transform.replace(/[^-\d.]/g, '')) : 0
 	return props.rtl ? -value : value
 }
 
 function setTransform(value: number) {
-	if (!bglSlider) return
+	if (!bglSlider) {return}
 	const rtlValue = props.rtl ? -value : value
 	bglSlider.style.transform = `translateX(${rtlValue}px)`
 }
 
 function easeInOutQuad(t: number) {
-	return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t
+	return 0.5 > t ? 2 * t * t : -1 + (4 - 2 * t) * t
 }
 
 function animateTransform(start: number, end: number, duration: number) {
 	const startTime = performance.now()
 
 	function animate(currentTime: number) {
-		if (!isSliderAvailable) return
+		if (!isSliderAvailable) {return}
 		const timeElapsed = currentTime - startTime
 		const progress = Math.min(timeElapsed / duration, 1)
 		const currentTransform = start + (end - start) * easeInOutQuad(progress)
 		setTransform(currentTransform)
-		if (progress < 1) requestAnimationFrame(animate)
+		if (1 > progress) {requestAnimationFrame(animate)}
 	}
 
 	requestAnimationFrame(animate)
@@ -122,7 +122,7 @@ function animateTransform(start: number, end: number, duration: number) {
 // Navigation
 function goToSlide(index: number, isTouchNav = false) {
 	countSlides()
-	if (!isSliderAvailable || !bglSlider || index < 0 || index >= slideCount) return
+	if (!isSliderAvailable || !bglSlider || 0 > index || index >= slideCount) {return}
 
 	const containerWidth = bglSlider.offsetWidth
 	const gapWidth = (containerWidth * GAP_PERCENT) / 100
@@ -136,7 +136,7 @@ function goToSlide(index: number, isTouchNav = false) {
 	const currentTransform = getCurrentTransform()
 	const duration = isTouchNav
 		? ANIMATION_TIMINGS.TOUCH
-		: window.innerWidth < 600
+		: 600 > window.innerWidth
 			? ANIMATION_TIMINGS.MOBILE
 			: ANIMATION_TIMINGS.DESKTOP
 
@@ -146,7 +146,7 @@ function goToSlide(index: number, isTouchNav = false) {
 }
 
 function next() {
-	if (!isSliderAvailable) return
+	if (!isSliderAvailable) {return}
 	countSlides()
 	// In RTL, next and prev are reversed
 	const nextIndex = props.rtl
@@ -156,7 +156,7 @@ function next() {
 }
 
 function prev() {
-	if (!isSliderAvailable) return
+	if (!isSliderAvailable) {return}
 	countSlides()
 	// In RTL, next and prev are reversed
 	const prevIndex = props.rtl
@@ -167,10 +167,10 @@ function prev() {
 
 // Height management
 function calcHeight() {
-	if (!isSliderAvailable || !bglSlider) return
+	if (!isSliderAvailable || !bglSlider) {return}
 	try {
 		const activeSlide = bglSlider.children[activeSlideIndex]
-		if (!activeSlide) return
+		if (!activeSlide) {return}
 		const children = Array.from(activeSlide.children) as HTMLElement[]
 		const totalHeight = children.reduce((sum, el) => sum + el.clientHeight, 0)
 		yHeight = `${totalHeight}px`
@@ -180,13 +180,13 @@ function calcHeight() {
 }
 
 function updateHeight() {
-	if (!props.autoHeight) return
+	if (!props.autoHeight) {return}
 	setTimeout(calcHeight, 200)
 }
 
 // Slide management
 function countSlides() {
-	if (!isSliderAvailable || !bglSlider) return
+	if (!isSliderAvailable || !bglSlider) {return}
 	slideCount = bglSlider.children.length
 }
 
@@ -198,10 +198,10 @@ function handleSlideChange() {
 }
 
 function handleResize() {
-	if (!isSliderAvailable || !bglSlider) return
-	itemCount = window.innerWidth < 600
+	if (!isSliderAvailable || !bglSlider) {return}
+	itemCount = 600 > window.innerWidth
 		? 1
-		: window.innerWidth < 991
+		: 991 > window.innerWidth
 			? Math.min(props.items, 2)
 			: props.items
 
@@ -217,7 +217,7 @@ function handleResize() {
 }
 
 function clearAutoplay() {
-	if (autoPlayInterval) clearInterval(autoPlayInterval)
+	if (autoPlayInterval) {clearInterval(autoPlayInterval)}
 }
 
 // Mouse events
@@ -230,7 +230,7 @@ function preventDefaultClick(e: MouseEvent) {
 
 async function disableDrag() {
 	await nextTick()
-	if (!isSliderAvailable || !bglSlider) return
+	if (!isSliderAvailable || !bglSlider) {return}
 
 	const elements = Array.from(bglSlider.querySelectorAll('img, a')) as HTMLElement[]
 	elements.forEach((el) => {
@@ -252,7 +252,7 @@ async function disableDrag() {
 
 function startDrag(e: MouseEvent) {
 	e.stopPropagation()
-	if (e.button !== 0 || !props.freeDrag || !isSliderAvailable) return
+	if (0 !== e.button || !props.freeDrag || !isSliderAvailable) {return}
 
 	clearAutoplay()
 	startX = e.pageX
@@ -265,12 +265,12 @@ function startDrag(e: MouseEvent) {
 }
 
 function onDrag(e: MouseEvent) {
-	if (!isSliderAvailable || !bglSlider || !isPressed) return
+	if (!isSliderAvailable || !bglSlider || !isPressed) {return}
 
 	const x = e.pageX
 	const distance = x - startX
 
-	if (Math.abs(distance) > THRESHOLDS.DRAG) isDragging = true
+	if (Math.abs(distance) > THRESHOLDS.DRAG) {isDragging = true}
 	if (isDragging) {
 		const newTranslate = translateX + (props.rtl ? -distance : distance)
 		const maxTranslate = 0
@@ -291,7 +291,7 @@ function endDrag() {
 	document.removeEventListener('mousemove', onDrag)
 	document.removeEventListener('mouseup', endDrag)
 
-	if (!isSliderAvailable || !bglSlider) return
+	if (!isSliderAvailable || !bglSlider) {return}
 
 	const currentTransform = getCurrentTransform()
 	const singleItemWidth = bglSlider.offsetWidth / itemCount
@@ -302,8 +302,8 @@ function endDrag() {
 
 	let targetPanel = currentPanel
 	if (dragPercentage > THRESHOLDS.SWIPE_PERCENT) {
-		const distnace = totalDragDistance > 0 ? -1 : 1
-		targetPanel = Math.floor(currentPanel) + (distnace < 0 ? 0 : 1)
+		const distnace = 0 < totalDragDistance ? -1 : 1
+		targetPanel = Math.floor(currentPanel) + (0 > distnace ? 0 : 1)
 	} else {
 		targetPanel = Math.round(currentPanel)
 	}
@@ -324,7 +324,7 @@ let hasScrollDirectionLock = $ref(false)
 let isHorizontalScroll = $ref(false)
 
 function onTouchStart(e: TouchEvent) {
-	if (!props.freeDrag || !isSliderAvailable) return
+	if (!props.freeDrag || !isSliderAvailable) {return}
 
 	const target = e.target as HTMLElement
 	const isInteractive = target.matches('button, a, input, select, textarea, [role="button"]')
@@ -351,7 +351,7 @@ function onTouchStart(e: TouchEvent) {
 }
 
 function onTouchMove(e: TouchEvent) {
-	if (!isSliderAvailable || !bglSlider || !isPressed) return
+	if (!isSliderAvailable || !bglSlider || !isPressed) {return}
 
 	const touch = e.touches[0]
 	const x = touch.pageX
@@ -362,7 +362,7 @@ function onTouchMove(e: TouchEvent) {
 	// Determine scroll direction if we haven't already
 	if (!hasScrollDirectionLock) {
 		// Only lock in a direction if there's significant movement
-		if (Math.abs(deltaX) > 5 || Math.abs(deltaY) > 5) {
+		if (5 < Math.abs(deltaX) || 5 < Math.abs(deltaY)) {
 			isHorizontalScroll = Math.abs(deltaX) > Math.abs(deltaY)
 			hasScrollDirectionLock = true
 
@@ -377,7 +377,7 @@ function onTouchMove(e: TouchEvent) {
 	}
 
 	// If we've determined this is a vertical scroll, don't handle the touch
-	if (!isHorizontalScroll) return
+	if (!isHorizontalScroll) {return}
 
 	// Update velocity tracking
 	const now = Date.now()
@@ -404,8 +404,8 @@ function onTouchMove(e: TouchEvent) {
 		let newTranslate = translateX + (props.rtl ? -deltaX : deltaX)
 
 		// Add smooth resistance when pulling beyond bounds
-		if (newTranslate > 0) {
-			newTranslate = newTranslate * 0.5 // Softer resistance at start
+		if (0 < newTranslate) {
+			newTranslate *= 0.5 // Softer resistance at start
 		} else if (newTranslate < -totalWidth + containerWidth) {
 			const overDrag = -totalWidth + containerWidth - newTranslate
 			newTranslate = -totalWidth + containerWidth - (overDrag * 0.5) // Softer resistance at end
@@ -433,7 +433,7 @@ function onTouchEnd() {
 
 	// Normalize the transform value to handle overscroll
 	let normalizedTransform = currentTransform
-	if (currentTransform > 0) {
+	if (0 < currentTransform) {
 		normalizedTransform = 0
 	} else {
 		const minTransform = -(singleItemWidth * (slideCount - 1) + gapWidth * (slideCount - 1))
@@ -455,14 +455,14 @@ function onTouchEnd() {
 
 	// Determine direction based on velocity and distance
 	if (Math.abs(finalVelocity) > THRESHOLDS.VELOCITY) {
-		velocityDirection = finalVelocity < 0 ? 1 : -1
+		velocityDirection = 0 > finalVelocity ? 1 : -1
 	}
 
-	const isMobile = window.innerWidth < 600
+	const isMobile = 600 > window.innerWidth
 
 	if (swipePercentage > THRESHOLDS.SWIPE_PERCENT || Math.abs(finalVelocity) > THRESHOLDS.VELOCITY) {
 		const direction = swipePercentage > THRESHOLDS.SWIPE_PERCENT
-			? (totalSwipeDistance > 0 ? -1 : 1)
+			? (0 < totalSwipeDistance ? -1 : 1)
 			: velocityDirection
 
 		// Apply RTL correction to direction
@@ -500,7 +500,7 @@ function onTouchEnd() {
 
 	// Clear transition after animation
 	setTimeout(() => {
-		if (bglSlider) bglSlider.style.transition = 'none'
+		if (bglSlider) {bglSlider.style.transition = 'none'}
 	}, duration)
 
 	velocityTracker = []
@@ -510,13 +510,13 @@ function onTouchEnd() {
 
 // Wheel events
 function onWheel(e: WheelEvent) {
-	if (!props.allowScroll || !isSliderAvailable || !bglSlider || isPressed || isDragging) return
+	if (!props.allowScroll || !isSliderAvailable || !bglSlider || isPressed || isDragging) {return}
 
 	const isHorizontal = Math.abs(e.deltaX) > Math.abs(e.deltaY)
-	if (!isHorizontal) return
+	if (!isHorizontal) {return}
 
 	clearAutoplay()
-	if (wheelTimeout) clearTimeout(wheelTimeout)
+	if (wheelTimeout) {clearTimeout(wheelTimeout)}
 
 	// Reverse the delta direction for RTL mode
 	accumulatedDeltaX += props.rtl ? -e.deltaX : e.deltaX
@@ -529,7 +529,7 @@ function onWheel(e: WheelEvent) {
 	const moveThreshold = singleItemWidth * THRESHOLDS.WHEEL_PERCENT
 
 	if (Math.abs(accumulatedDeltaX) > moveThreshold) {
-		const direction = accumulatedDeltaX > 0 ? 1 : -1
+		const direction = 0 < accumulatedDeltaX ? 1 : -1
 		const nextPanel = Math.max(0, Math.min(activeSlideIndex + direction, slideCount - 1))
 
 		if (nextPanel !== activeSlideIndex) {
@@ -567,8 +567,8 @@ onUnmounted(() => {
 	document.removeEventListener('mousemove', onDrag)
 	document.removeEventListener('mouseup', endDrag)
 	clearAutoplay()
-	if (timeout) clearTimeout(timeout)
-	if (wheelTimeout) clearTimeout(wheelTimeout)
+	if (timeout) {clearTimeout(timeout)}
+	if (wheelTimeout) {clearTimeout(wheelTimeout)}
 })
 
 // Watchers

package/src/components/DataPreview.vue

@@ -41,7 +41,7 @@ const {
 
 const firstItem = computed(() => {
 	// Handle empty computedData
-	if (!computedData.value || computedData.value.length === 0) {
+	if (!computedData.value || 0 === computedData.value.length) {
 		return {} as T
 	}
 

package/src/components/DragOver.vue

@@ -17,7 +17,7 @@ const isDragging = ref(false)
 const dragCounter = ref(0)
 
 function handleDragEnter(e: DragEvent) {
-	if (props.disabled) return
+	if (props.disabled) {return}
 	e.preventDefault()
 	e.stopPropagation()
 	dragCounter.value++
@@ -25,17 +25,17 @@ function handleDragEnter(e: DragEvent) {
 }
 
 function handleDragOver(e: DragEvent) {
-	if (props.disabled) return
+	if (props.disabled) {return}
 	e.preventDefault()
 	e.stopPropagation()
 }
 
 function handleDragLeave(e: DragEvent) {
-	if (props.disabled) return
+	if (props.disabled) {return}
 	e.preventDefault()
 	e.stopPropagation()
 	dragCounter.value--
-	if (dragCounter.value === 0) {
+	if (0 === dragCounter.value) {
 		isDragging.value = false
 	}
 }
@@ -60,13 +60,13 @@ function handleClick(e: MouseEvent) {
 }
 
 function handleDrop(e: DragEvent) {
-	if (props.disabled) return
+	if (props.disabled) {return}
 	e.preventDefault()
 	e.stopPropagation()
 	dragCounter.value = 0
 	isDragging.value = false
 
-	if (!e.dataTransfer) return
+	if (!e.dataTransfer) {return}
 	emit('addFiles', e.dataTransfer.files)
 }
 </script>

package/src/components/Dropdown.vue

@@ -90,8 +90,8 @@ const {
 const emit = defineEmits(['show', 'hide'])
 
 const iconSet = $computed(() => {
-	if (icon) return icon
-	if (!value) return 'more_vert'
+	if (icon) {return icon}
+	if (!value) {return 'more_vert'}
 	return undefined
 })
 
@@ -116,12 +116,12 @@ const shouldDisablePositioning = $computed(() => {
 })
 
 // Convert hover triggers to click on small screens (tablets and mobile)
-const isSmallScreen = $computed(() => innerWidth.value < 910)
+const isSmallScreen = $computed(() => 910 > innerWidth.value)
 
 const computedTriggers = $computed((): TriggerEvent[] => {
 	if (isSmallScreen && triggers.includes('hover')) {
 		// Replace hover with click on small screens
-		return triggers.map(trigger => trigger === 'hover' ? 'click' : trigger) as TriggerEvent[]
+		return triggers.map(trigger => 'hover' === trigger ? 'click' : trigger) as TriggerEvent[]
 	}
 	return triggers
 })
@@ -131,7 +131,7 @@ const computedShowTriggers = $computed((): TriggerEvent[] => {
 	if (showTriggers !== undefined) {
 		// Also convert hover to click in showTriggers on small screens
 		if (isSmallScreen && showTriggers.includes('hover')) {
-			return showTriggers.map(trigger => trigger === 'hover' ? 'click' : trigger) as TriggerEvent[]
+			return showTriggers.map(trigger => 'hover' === trigger ? 'click' : trigger) as TriggerEvent[]
 		}
 		return showTriggers
 	}
@@ -142,12 +142,12 @@ const computedHideTriggers = $computed((): TriggerEvent[] => {
 	if (hideTriggers !== undefined) {
 		// Also convert hover to click in hideTriggers on small screens
 		if (isSmallScreen && hideTriggers.includes('hover')) {
-			return hideTriggers.map(trigger => trigger === 'hover' ? 'click' : trigger) as TriggerEvent[]
+			return hideTriggers.map(trigger => 'hover' === trigger ? 'click' : trigger) as TriggerEvent[]
 		}
 		return hideTriggers
 	}
 	// For click-only dropdowns, only hide on click
-	if (computedTriggers.length === 1 && computedTriggers[0] === 'click') {
+	if (1 === computedTriggers.length && 'click' === computedTriggers[0]) {
 		return ['click'] as TriggerEvent[]
 	}
 	// For hover dropdowns, add click to hide triggers for better UX
@@ -159,7 +159,7 @@ const computedHideTriggers = $computed((): TriggerEvent[] => {
 })
 
 const computedPopperTriggers = $computed((): TriggerEvent[] => {
-	if (popperTriggers.length > 0) return popperTriggers
+	if (0 < popperTriggers.length) {return popperTriggers}
 	// For hover dropdowns, enable hover on popper to keep it open
 	// But on small screens, don't add hover triggers since we convert to click
 	if (triggers.includes('hover') && !isSmallScreen) {
@@ -170,16 +170,16 @@ const computedPopperTriggers = $computed((): TriggerEvent[] => {
 
 // Ensure we do not override popper show triggers with an empty array
 const computedPopperShowTriggers = $computed((): TriggerEvent[] | undefined => {
-	const hasExplicitShowTriggers = Array.isArray(popperShowTriggers) && popperShowTriggers.length > 0
-	if (hasExplicitShowTriggers) return popperShowTriggers
+	const hasExplicitShowTriggers = Array.isArray(popperShowTriggers) && 0 < popperShowTriggers.length
+	if (hasExplicitShowTriggers) {return popperShowTriggers}
 	// Only add hover for popper on large screens
-	if (triggers.includes('hover') && !isSmallScreen) return ['hover'] as TriggerEvent[]
+	if (triggers.includes('hover') && !isSmallScreen) {return ['hover'] as TriggerEvent[]}
 	return undefined
 })
 
 const computedPopperHideTriggers = $computed((): TriggerEvent[] => {
-	const hasExplicitHideTriggers = Array.isArray(popperHideTriggers) && popperHideTriggers.length > 0
-	if (hasExplicitHideTriggers) return popperHideTriggers
+	const hasExplicitHideTriggers = Array.isArray(popperHideTriggers) && 0 < popperHideTriggers.length
+	if (hasExplicitHideTriggers) {return popperHideTriggers}
 	// For hover dropdowns, make sure popper hides on mouseout
 	// But only on large screens where hover is meaningful
 	if (triggers.includes('hover') && !isSmallScreen) {
@@ -191,7 +191,7 @@ const computedPopperHideTriggers = $computed((): TriggerEvent[] => {
 const computedAutoHide = $computed(() => autoHide)
 
 const computedDelay = $computed((): number | { show: number, hide: number } | undefined => {
-	if (delay !== undefined) return delay
+	if (delay !== undefined) {return delay}
 	// For hover dropdowns, add a hide delay (but only on large screens)
 	if (triggers.includes('hover') && !isSmallScreen) {
 		return { show: 0, hide: 10 } // 10ms delay before hiding

package/src/components/Flag.vue

@@ -10,16 +10,16 @@ interface FlagProps {
 const props = defineProps<FlagProps>()
 
 const fis = $computed(() => {
-	if (props.circle || props.square) return true
+	if (props.circle || props.square) {return true}
 	return false
 })
 const height = $computed(() => `${props.size || 1}rem`)
 
 const backgroundImage = $computed(() => {
 	let country = props.country.toLowerCase()
-	if (country === 'ac') country = 'sh-ac'
+	if ('ac' === country) {country = 'sh-ac'}
 	const baseURL = 'https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.0.0/flags'
-	if (fis) return `url(${baseURL}/1x1/${country.toLowerCase()}.svg)`
+	if (fis) {return `url(${baseURL}/1x1/${country.toLowerCase()}.svg)`}
 	return `url(${baseURL}/4x3/${country.toLowerCase()}.svg)`
 })
 </script>