@bagelink/vue 1.5.17 → 1.5.22

package/src/components/ListItem.vue

@@ -30,9 +30,9 @@ const props = withDefaults(
 )
 
 const isComponent = $computed(() => {
-	if (props.to) return 'router-link'
-	if (props.href) return 'a'
-	if (props.onClick) return 'button'
+	if (props.to) {return 'router-link'}
+	if (props.href) {return 'a'}
+	if (props.onClick) {return 'button'}
 	return 'div'
 })
 
@@ -42,15 +42,15 @@ const isClickable = $computed(() => {
 
 const bind = $computed(() => {
 	const obj: { [key: string]: any } = {}
-	if (props.to) obj.to = props.to
-	else if (props.href) obj.href = props.href
-	if (props.target && (props.to || props.href)) obj.target = props.target
+	if (props.to) {obj.to = props.to}
+	else if (props.href) {obj.href = props.href}
+	if (props.target && (props.to || props.href)) {obj.target = props.target}
 
 	obj.class = {
 		'notClickable': !(props.to || props.onClick),
 		'no-border-list': props.flat,
 	}
-	if (props.disabled) obj.disabled = true
+	if (props.disabled) {obj.disabled = true}
 	return obj
 })
 </script>

package/src/components/MapEmbed/Index.vue

@@ -41,7 +41,7 @@ const defaultMarkerSVG = '<svg width="28" height="38" viewBox="0 0 28 38" fill="
 const leafletScriptUrl = 'https://unpkg.com/leaflet@1.9.4/dist/leaflet.js'
 
 async function loadGlobalL() {
-	while (!window.L) await sleep(100)
+	while (!window.L) {await sleep(100)}
 	return window.L
 }
 
@@ -69,14 +69,14 @@ async function addMarker(marker: MapMarker) {
 	const title = Array.isArray(marker) ? marker[2] : marker.title ?? marker.tooltip
 	const tooltip = Array.isArray(marker) ? marker[2] : marker.tooltip
 	const m = L?.marker(latlng, { title, icon, interactive: true }).addTo(map as Map) as Marker
-	if (tooltip) m.bindTooltip(tooltip, { direction: 'top' }) // Use `bindPopup` if you want a click-to-show label
+	if (tooltip) {m.bindTooltip(tooltip, { direction: 'top' })} // Use `bindPopup` if you want a click-to-show label
 	m.on('click', () => { emit('select', marker) })
 
 	_markers.push(m)
 }
 
 function fitMarkers(L: any) {
-	if (_markers.length > 0) {
+	if (0 < _markers.length) {
 		const latLngs = _markers.map(marker => marker.getLatLng())
 		const bounds = L.latLngBounds(latLngs)
 		const center = bounds.getCenter()
@@ -96,12 +96,12 @@ function latLangFromMarker(marker: MapMarker): LatLngExpression {
 }
 
 async function watchMarkers(markers?: MapMarker[]) {
-	if (!L) L = await loadGlobalL()
+	if (!L) {L = await loadGlobalL()}
 	_markers.forEach(marker => marker.remove())
-	if (!markers) return
+	if (!markers) {return}
 
 	for (const marker of markers) {
-		if (!map) await initializeMap()
+		if (!map) {await initializeMap()}
 		addMarker(marker)
 	}
 	fitMarkers(L)

package/src/components/Modal.vue

@@ -43,27 +43,27 @@ let isVisible = $ref<boolean>(false)
 watch(
 	() => props.visible,
 	(val) => {
-		if (val === isVisible || val === undefined) return
-		if (val) openModal()
-		else closeModal()
+		if (val === isVisible || val === undefined) {return}
+		if (val) {openModal()}
+		else {closeModal()}
 	},
 	{ immediate: true },
 )
 
 const maxWidth = $computed(() => {
 	const { width } = props
-	if (width?.match(/px|em|rem|vw|vh|%/)) return { 'max-width': width }
-	if (width?.match(/\d+/)) return { 'max-width': `${width}px` }
+	if (width?.match(/px|em|rem|vw|vh|%/)) {return { 'max-width': width }}
+	if (width?.match(/\d+/)) {return { 'max-width': `${width}px` }}
 	return { 'max-width': '720px' }
 })
 
 // Computed properties for close button placement
-const isOverlay = $computed(() => props.closePlacement === 'overlay' || props.closePlacement === 'overlay-end')
-const isHeader = $computed(() => props.closePlacement === 'header' || props.closePlacement === 'header-end')
-const isFooter = $computed(() => props.closePlacement === 'footer')
+const isOverlay = $computed(() => 'overlay' === props.closePlacement || 'overlay-end' === props.closePlacement)
+const isHeader = $computed(() => 'header' === props.closePlacement || 'header-end' === props.closePlacement)
+const isFooter = $computed(() => 'footer' === props.closePlacement)
 
 const overlayCloseClass = $computed(() => {
-	if (props.closePlacement === 'overlay-end') return 'top-1 end-1'
+	if ('overlay-end' === props.closePlacement) {return 'top-1 end-1'}
 	return 'top-1 start-1'
 })
 
@@ -75,7 +75,7 @@ function closeModal() {
 defineExpose({ closeModal })
 
 function escapeKeyClose(e: KeyboardEvent) {
-	if (props.dismissable && e.key === 'Escape') {
+	if (props.dismissable && 'Escape' === e.key) {
 		closeModal()
 	}
 }

package/src/components/ModalForm.vue

@@ -28,16 +28,16 @@ const closeModal = () => modal?.closeModal()
 let submitting = $ref(false)
 
 async function runSubmit() {
-	if (submitting) return
-	if (form?.validateForm() === false) return
+	if (submitting) {return}
+	if (false === form?.validateForm()) {return}
 	submitting = true
 	try {
 		await props.onSubmit?.(formData.value)
 		closeModal()
 	} catch (err: any) {
 		submitting = false
-		if (props.onError) props.onError(err)
-		else bagel.onError?.(err)
+		if (props.onError) {props.onError(err)}
+		else {bagel.onError?.(err)}
 	}
 }
 

package/src/components/NavBar.vue

@@ -23,10 +23,10 @@ withDefaults(
 let isOpen = $ref(true)
 
 function calcIsOpen() {
-	isOpen = window.innerWidth < 1100
+	isOpen = 1100 > window.innerWidth
 
 	const storedNavOpenVal = localStorage.getItem('navOpen')
-	if (storedNavOpenVal === 'true' || storedNavOpenVal === null) isOpen = true
+	if ('true' === storedNavOpenVal || null === storedNavOpenVal) {isOpen = true}
 }
 
 function toggleMenu() {

package/src/components/Pagination.vue

@@ -34,7 +34,7 @@ let indicatorWidth = $ref(0)
 
 // Calculate totalPages from totalItems and perPage if not provided directly
 const computedTotalPages = $computed(() => {
-	if (props.totalPages !== undefined) return props.totalPages
+	if (props.totalPages !== undefined) {return props.totalPages}
 	const { perPage } = props
 	return Math.max(1, Math.ceil(props.totalItems / perPage))
 })
@@ -74,8 +74,8 @@ const visiblePages = $computed(() => {
 	mustInclude.add(page.value)
 
 	// Ensure adjacent pages are included for navigation
-	if (page.value > 1) mustInclude.add(page.value - 1)
-	if (page.value < computedTotalPages) mustInclude.add(page.value + 1)
+	if (1 < page.value) {mustInclude.add(page.value - 1)}
+	if (page.value < computedTotalPages) {mustInclude.add(page.value + 1)}
 
 	// Always include first and last pages
 	mustInclude.add(1)
@@ -91,7 +91,7 @@ const visiblePages = $computed(() => {
 			const current = pageArray[i]
 			const next = pageArray[i + 1]
 
-			if (next - current > 1) {
+			if (1 < next - current) {
 				// There's a gap - fill in additional pages
 				const pagesToAdd = Math.min(next - current - 1, maxVisiblePages + 2 - pageArray.length)
 
@@ -110,10 +110,10 @@ const visiblePages = $computed(() => {
 })
 
 function updateIndicatorPosition() {
-	if (!paginationContainer) return
+	if (!paginationContainer) {return}
 
 	const selectedButton = paginationContainer.querySelector('.selected')
-	if (!selectedButton) return
+	if (!selectedButton) {return}
 
 	const containerRect = paginationContainer.getBoundingClientRect()
 	const buttonRect = selectedButton.getBoundingClientRect()
@@ -133,7 +133,7 @@ function updateIndicatorPosition() {
 }
 
 function handleClick(p: number) {
-	if (p < 1 || p > computedTotalPages) return
+	if (1 > p || p > computedTotalPages) {return}
 	page.value = p
 }
 
@@ -164,9 +164,9 @@ const renderPageButtons = $computed(() => {
 		const pageNum = visiblePages[i]
 
 		// Insert ellipsis before this page if needed
-		if (i > 0) {
+		if (0 < i) {
 			const prevPage = visiblePages[i - 1]
-			if (pageNum - prevPage > 1) {
+			if (1 < pageNum - prevPage) {
 				items.push({
 					type: 'ellipsis',
 					key: `ellipsis-${i}`

package/src/components/Pill.vue

@@ -33,7 +33,7 @@ const slots: SetupContext['slots'] = useSlots()
 
 const computedTheme = $computed(
 	() => {
-		if (props.disabled) return 'gray-light'
+		if (props.disabled) {return 'gray-light'}
 		return (props.color || props.theme) as ThemeType
 	},
 )

package/src/components/Rating.vue

@@ -12,10 +12,10 @@ const { rating, totalStars = 5, iconType = 'star', fillColor = '#fabf05', emptyC
 }>()
 
 function getFillWidth(n: number): string {
-	const ratingNumber = typeof rating === 'string' ? Number.parseFloat(rating.replace(',', '.')) : rating
+	const ratingNumber = 'string' === typeof rating ? Number.parseFloat(rating.replace(',', '.')) : rating
 	if (n <= Math.floor(ratingNumber)) {
 		return '100%'
-	} else if (n > Math.ceil(ratingNumber)) {
+	}if (n > Math.ceil(ratingNumber)) {
 		return '0%'
 	} else {
 		return `${(ratingNumber % 1) * 100}%`