chore: add state and undefined to bindings

This commit is contained in:
2024-08-05 23:27:46 +02:00
parent d3d7193663
commit 89fa888616
11 changed files with 14 additions and 14 deletions

View File

@@ -35,7 +35,7 @@
let scrollY = $state<number>() let scrollY = $state<number>()
let innerWidth = $state<number>() let innerWidth = $state<number>()
let innerHeight = $state<number>() let innerHeight = $state<number>()
let titleEl: HTMLElement let titleEl = $state<HTMLElement>(undefined)
// Check if title is larger than viewport to translate it // Check if title is larger than viewport to translate it
const isLarger = $derived<boolean>(titleEl && titleEl.offsetWidth >= innerWidth) const isLarger = $derived<boolean>(titleEl && titleEl.offsetWidth >= innerWidth)

View File

@@ -24,7 +24,7 @@
const { settings }: any = getContext('global') const { settings }: any = getContext('global')
let locationEl: HTMLElement let locationEl = $state<HTMLElement>(undefined)
let photoIndex = $state(0) let photoIndex = $state(0)
// Location date limit // Location date limit

View File

@@ -12,7 +12,7 @@
const { settings: { switcher_links } }: any = getContext('global') const { settings: { switcher_links } }: any = getContext('global')
let switcherEl: HTMLElement let switcherEl = $state<HTMLElement>(undefined)
let isOpen = $state(false) let isOpen = $state(false)

View File

@@ -17,7 +17,7 @@
class?: string class?: string
} = $props() } = $props()
let carouselEl = $state<HTMLElement>() let carouselEl = $state<HTMLElement>(undefined)
let carousel: EmblaCarouselType let carousel: EmblaCarouselType
let currentSlide = $state(0) let currentSlide = $state(0)
let arrowDirection = $state<'next' | 'prev'>() let arrowDirection = $state<'next' | 'prev'>()

View File

@@ -33,8 +33,8 @@
} = $props() } = $props()
let innerWidth = $state<number>() let innerWidth = $state<number>()
let globeParentEl: HTMLElement let globeParentEl = $state<HTMLElement>(undefined)
let globeEl: HTMLElement let globeEl = $state<HTMLElement>(undefined)
let globe = $state<any>() let globe = $state<any>()
let observer: IntersectionObserver let observer: IntersectionObserver
let animation = $state<number>() let animation = $state<number>()

View File

@@ -16,7 +16,7 @@
} = $props() } = $props()
let innerWidth = $state<number>() let innerWidth = $state<number>()
let carouselEl = $state<HTMLElement>() let carouselEl = $state<HTMLElement>(undefined)
let carousel = $state<EmblaCarouselType>() let carousel = $state<EmblaCarouselType>()
let currentSlide = $state(0) let currentSlide = $state(0)
let carouselDots = $state([]) let carouselDots = $state([])

View File

@@ -21,8 +21,8 @@
let innerWidth = $state<number>() let innerWidth = $state<number>()
let navObserver: IntersectionObserver let navObserver: IntersectionObserver
let introEl: HTMLElement let introEl = $state<HTMLElement>(undefined)
let navChooseEl: HTMLElement let navChooseEl = $state<HTMLElement>(undefined)
let scrolledPastIntro = $state(false) let scrolledPastIntro = $state(false)

View File

@@ -35,8 +35,8 @@
dayjs.extend(relativeTime) dayjs.extend(relativeTime)
let introEl: HTMLElement let introEl = $state<HTMLElement>(undefined)
let photosListEl = $state<HTMLElement>() let photosListEl = $state<HTMLElement>(undefined)
let observerPhotos: IntersectionObserver let observerPhotos: IntersectionObserver
let mutationPhotos: MutationObserver let mutationPhotos: MutationObserver
let currentPage = $state(1) let currentPage = $state(1)

View File

@@ -32,7 +32,7 @@
enum directions { PREV, NEXT } enum directions { PREV, NEXT }
let innerWidth = $state<number>() let innerWidth = $state<number>()
let fullscreenEl = $state<HTMLElement>() let fullscreenEl = $state<HTMLElement>(undefined)
let globalOffset = $state(data.offset) let globalOffset = $state(data.offset)
let isLoading = $state(false) let isLoading = $state(false)
let isFullscreen = $state(false) let isFullscreen = $state(false)

View File

@@ -24,7 +24,7 @@
let { data } = $props() let { data } = $props()
let innerWidth = $state<number>() let innerWidth = $state<number>()
let photosGridEl: HTMLElement let photosGridEl = $state<HTMLElement>(undefined)
let photosGridParallax = $state<number>() let photosGridParallax = $state<number>()
let currentStepIndex = $state(0) let currentStepIndex = $state(0)
const currentStep = $derived(data.about.process_steps[currentStepIndex]) const currentStep = $derived(data.about.process_steps[currentStepIndex])

View File

@@ -38,7 +38,7 @@
dayjs.extend(relativeTime) dayjs.extend(relativeTime)
let photosGridEl = $state<HTMLElement>() let photosGridEl = $state<HTMLElement>(undefined)
let observerPhotos: IntersectionObserver let observerPhotos: IntersectionObserver
let mutationPhotos: MutationObserver let mutationPhotos: MutationObserver
let scrollY = $state<number>() let scrollY = $state<number>()