From 89fa88861641f705568f9e773318cda4626a00dd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= Date: Mon, 5 Aug 2024 23:27:46 +0200 Subject: [PATCH] chore: add state and undefined to bindings --- apps/website/src/components/atoms/ScrollingTitle.svelte | 2 +- .../website/src/components/molecules/Location/Location.svelte | 2 +- .../website/src/components/molecules/Switcher/Switcher.svelte | 2 +- .../website/src/components/organisms/Carousel/Carousel.svelte | 2 +- .../organisms/InteractiveGlobe/InteractiveGlobe.svelte | 4 ++-- .../src/components/organisms/PostersGrid/PostersGrid.svelte | 2 +- .../src/components/organisms/ShopBanner/ShopBanner.svelte | 4 ++-- .../src/routes/(site)/[country]/[location]/+page.svelte | 4 ++-- .../routes/(site)/[country]/[location]/[photo]/+page.svelte | 2 +- apps/website/src/routes/(site)/about/+page.svelte | 2 +- apps/website/src/routes/(site)/photos/+page.svelte | 2 +- 11 files changed, 14 insertions(+), 14 deletions(-) diff --git a/apps/website/src/components/atoms/ScrollingTitle.svelte b/apps/website/src/components/atoms/ScrollingTitle.svelte index 96668d2..4ba243d 100644 --- a/apps/website/src/components/atoms/ScrollingTitle.svelte +++ b/apps/website/src/components/atoms/ScrollingTitle.svelte @@ -35,7 +35,7 @@ let scrollY = $state() let innerWidth = $state() let innerHeight = $state() - let titleEl: HTMLElement + let titleEl = $state(undefined) // Check if title is larger than viewport to translate it const isLarger = $derived(titleEl && titleEl.offsetWidth >= innerWidth) diff --git a/apps/website/src/components/molecules/Location/Location.svelte b/apps/website/src/components/molecules/Location/Location.svelte index d278b87..90b9263 100644 --- a/apps/website/src/components/molecules/Location/Location.svelte +++ b/apps/website/src/components/molecules/Location/Location.svelte @@ -24,7 +24,7 @@ const { settings }: any = getContext('global') - let locationEl: HTMLElement + let locationEl = $state(undefined) let photoIndex = $state(0) // Location date limit diff --git a/apps/website/src/components/molecules/Switcher/Switcher.svelte b/apps/website/src/components/molecules/Switcher/Switcher.svelte index f617675..d71d33a 100644 --- a/apps/website/src/components/molecules/Switcher/Switcher.svelte +++ b/apps/website/src/components/molecules/Switcher/Switcher.svelte @@ -12,7 +12,7 @@ const { settings: { switcher_links } }: any = getContext('global') - let switcherEl: HTMLElement + let switcherEl = $state(undefined) let isOpen = $state(false) diff --git a/apps/website/src/components/organisms/Carousel/Carousel.svelte b/apps/website/src/components/organisms/Carousel/Carousel.svelte index eee46f6..f3eda1d 100644 --- a/apps/website/src/components/organisms/Carousel/Carousel.svelte +++ b/apps/website/src/components/organisms/Carousel/Carousel.svelte @@ -17,7 +17,7 @@ class?: string } = $props() - let carouselEl = $state() + let carouselEl = $state(undefined) let carousel: EmblaCarouselType let currentSlide = $state(0) let arrowDirection = $state<'next' | 'prev'>() diff --git a/apps/website/src/components/organisms/InteractiveGlobe/InteractiveGlobe.svelte b/apps/website/src/components/organisms/InteractiveGlobe/InteractiveGlobe.svelte index d3a40a6..d8fa2fa 100644 --- a/apps/website/src/components/organisms/InteractiveGlobe/InteractiveGlobe.svelte +++ b/apps/website/src/components/organisms/InteractiveGlobe/InteractiveGlobe.svelte @@ -33,8 +33,8 @@ } = $props() let innerWidth = $state() - let globeParentEl: HTMLElement - let globeEl: HTMLElement + let globeParentEl = $state(undefined) + let globeEl = $state(undefined) let globe = $state() let observer: IntersectionObserver let animation = $state() diff --git a/apps/website/src/components/organisms/PostersGrid/PostersGrid.svelte b/apps/website/src/components/organisms/PostersGrid/PostersGrid.svelte index 18829fe..9b73441 100644 --- a/apps/website/src/components/organisms/PostersGrid/PostersGrid.svelte +++ b/apps/website/src/components/organisms/PostersGrid/PostersGrid.svelte @@ -16,7 +16,7 @@ } = $props() let innerWidth = $state() - let carouselEl = $state() + let carouselEl = $state(undefined) let carousel = $state() let currentSlide = $state(0) let carouselDots = $state([]) diff --git a/apps/website/src/components/organisms/ShopBanner/ShopBanner.svelte b/apps/website/src/components/organisms/ShopBanner/ShopBanner.svelte index 50a470b..df5788b 100644 --- a/apps/website/src/components/organisms/ShopBanner/ShopBanner.svelte +++ b/apps/website/src/components/organisms/ShopBanner/ShopBanner.svelte @@ -21,8 +21,8 @@ let innerWidth = $state() let navObserver: IntersectionObserver - let introEl: HTMLElement - let navChooseEl: HTMLElement + let introEl = $state(undefined) + let navChooseEl = $state(undefined) let scrolledPastIntro = $state(false) diff --git a/apps/website/src/routes/(site)/[country]/[location]/+page.svelte b/apps/website/src/routes/(site)/[country]/[location]/+page.svelte index ff019bf..6253936 100644 --- a/apps/website/src/routes/(site)/[country]/[location]/+page.svelte +++ b/apps/website/src/routes/(site)/[country]/[location]/+page.svelte @@ -35,8 +35,8 @@ dayjs.extend(relativeTime) - let introEl: HTMLElement - let photosListEl = $state() + let introEl = $state(undefined) + let photosListEl = $state(undefined) let observerPhotos: IntersectionObserver let mutationPhotos: MutationObserver let currentPage = $state(1) diff --git a/apps/website/src/routes/(site)/[country]/[location]/[photo]/+page.svelte b/apps/website/src/routes/(site)/[country]/[location]/[photo]/+page.svelte index f3f3562..32d4542 100644 --- a/apps/website/src/routes/(site)/[country]/[location]/[photo]/+page.svelte +++ b/apps/website/src/routes/(site)/[country]/[location]/[photo]/+page.svelte @@ -32,7 +32,7 @@ enum directions { PREV, NEXT } let innerWidth = $state() - let fullscreenEl = $state() + let fullscreenEl = $state(undefined) let globalOffset = $state(data.offset) let isLoading = $state(false) let isFullscreen = $state(false) diff --git a/apps/website/src/routes/(site)/about/+page.svelte b/apps/website/src/routes/(site)/about/+page.svelte index e8e0cc3..6d57135 100644 --- a/apps/website/src/routes/(site)/about/+page.svelte +++ b/apps/website/src/routes/(site)/about/+page.svelte @@ -24,7 +24,7 @@ let { data } = $props() let innerWidth = $state() - let photosGridEl: HTMLElement + let photosGridEl = $state(undefined) let photosGridParallax = $state() let currentStepIndex = $state(0) const currentStep = $derived(data.about.process_steps[currentStepIndex]) diff --git a/apps/website/src/routes/(site)/photos/+page.svelte b/apps/website/src/routes/(site)/photos/+page.svelte index ce7e339..577dfb1 100644 --- a/apps/website/src/routes/(site)/photos/+page.svelte +++ b/apps/website/src/routes/(site)/photos/+page.svelte @@ -38,7 +38,7 @@ dayjs.extend(relativeTime) - let photosGridEl = $state() + let photosGridEl = $state(undefined) let observerPhotos: IntersectionObserver let mutationPhotos: MutationObserver let scrollY = $state()