chore: add state and undefined to bindings
This commit is contained in:
@@ -35,7 +35,7 @@
|
||||
let scrollY = $state<number>()
|
||||
let innerWidth = $state<number>()
|
||||
let innerHeight = $state<number>()
|
||||
let titleEl: HTMLElement
|
||||
let titleEl = $state<HTMLElement>(undefined)
|
||||
|
||||
// Check if title is larger than viewport to translate it
|
||||
const isLarger = $derived<boolean>(titleEl && titleEl.offsetWidth >= innerWidth)
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
|
||||
const { settings }: any = getContext('global')
|
||||
|
||||
let locationEl: HTMLElement
|
||||
let locationEl = $state<HTMLElement>(undefined)
|
||||
let photoIndex = $state(0)
|
||||
|
||||
// Location date limit
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
|
||||
const { settings: { switcher_links } }: any = getContext('global')
|
||||
|
||||
let switcherEl: HTMLElement
|
||||
let switcherEl = $state<HTMLElement>(undefined)
|
||||
let isOpen = $state(false)
|
||||
|
||||
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
class?: string
|
||||
} = $props()
|
||||
|
||||
let carouselEl = $state<HTMLElement>()
|
||||
let carouselEl = $state<HTMLElement>(undefined)
|
||||
let carousel: EmblaCarouselType
|
||||
let currentSlide = $state(0)
|
||||
let arrowDirection = $state<'next' | 'prev'>()
|
||||
|
||||
@@ -33,8 +33,8 @@
|
||||
} = $props()
|
||||
|
||||
let innerWidth = $state<number>()
|
||||
let globeParentEl: HTMLElement
|
||||
let globeEl: HTMLElement
|
||||
let globeParentEl = $state<HTMLElement>(undefined)
|
||||
let globeEl = $state<HTMLElement>(undefined)
|
||||
let globe = $state<any>()
|
||||
let observer: IntersectionObserver
|
||||
let animation = $state<number>()
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
} = $props()
|
||||
|
||||
let innerWidth = $state<number>()
|
||||
let carouselEl = $state<HTMLElement>()
|
||||
let carouselEl = $state<HTMLElement>(undefined)
|
||||
let carousel = $state<EmblaCarouselType>()
|
||||
let currentSlide = $state(0)
|
||||
let carouselDots = $state([])
|
||||
|
||||
@@ -21,8 +21,8 @@
|
||||
|
||||
let innerWidth = $state<number>()
|
||||
let navObserver: IntersectionObserver
|
||||
let introEl: HTMLElement
|
||||
let navChooseEl: HTMLElement
|
||||
let introEl = $state<HTMLElement>(undefined)
|
||||
let navChooseEl = $state<HTMLElement>(undefined)
|
||||
let scrolledPastIntro = $state(false)
|
||||
|
||||
|
||||
|
||||
@@ -35,8 +35,8 @@
|
||||
|
||||
dayjs.extend(relativeTime)
|
||||
|
||||
let introEl: HTMLElement
|
||||
let photosListEl = $state<HTMLElement>()
|
||||
let introEl = $state<HTMLElement>(undefined)
|
||||
let photosListEl = $state<HTMLElement>(undefined)
|
||||
let observerPhotos: IntersectionObserver
|
||||
let mutationPhotos: MutationObserver
|
||||
let currentPage = $state(1)
|
||||
|
||||
@@ -32,7 +32,7 @@
|
||||
enum directions { PREV, NEXT }
|
||||
|
||||
let innerWidth = $state<number>()
|
||||
let fullscreenEl = $state<HTMLElement>()
|
||||
let fullscreenEl = $state<HTMLElement>(undefined)
|
||||
let globalOffset = $state(data.offset)
|
||||
let isLoading = $state(false)
|
||||
let isFullscreen = $state(false)
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
let { data } = $props()
|
||||
|
||||
let innerWidth = $state<number>()
|
||||
let photosGridEl: HTMLElement
|
||||
let photosGridEl = $state<HTMLElement>(undefined)
|
||||
let photosGridParallax = $state<number>()
|
||||
let currentStepIndex = $state(0)
|
||||
const currentStep = $derived(data.about.process_steps[currentStepIndex])
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
|
||||
dayjs.extend(relativeTime)
|
||||
|
||||
let photosGridEl = $state<HTMLElement>()
|
||||
let photosGridEl = $state<HTMLElement>(undefined)
|
||||
let observerPhotos: IntersectionObserver
|
||||
let mutationPhotos: MutationObserver
|
||||
let scrollY = $state<number>()
|
||||
|
||||
Reference in New Issue
Block a user