Fix eslint error and update svelte related stuff

apps/website/src/components/Analytics.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     export let domain: string
-    export let enabled: boolean = !import.meta.env.DEV
+    export let enabled = !import.meta.env.DEV
 </script>
 
 <svelte:head>

apps/website/src/components/Metas.svelte

@@ -8,8 +8,8 @@
     export let description: string = undefined
     export let image: string = getAssetUrlKey(settings.seo_image.id, 'share-image')
     export let url: string = undefined
-    export let type: string = 'website'
-    export let card: string = 'summary_large_image'
+    export let type = 'website'
+    export let card = 'summary_large_image'
     export let creator: string = undefined
 </script>
 

apps/website/src/components/SplitText.svelte

@@ -3,7 +3,7 @@
 
     export let text: string
     export let mode: string = undefined
-    export let clone: boolean = false
+    export let clone = false
 
     $: split = splitText(text, mode)
 

apps/website/src/components/atoms/AboutGridPhoto.svelte

@@ -3,9 +3,9 @@
 
     export let id: string
     export let alt: string
-    export let disabled: boolean = false
+    export let disabled = false
 
-    let hovering: boolean = false
+    let hovering = false
     let timer: ReturnType<typeof setTimeout> | number = null
 
     $: classes = [

apps/website/src/components/atoms/Badge.svelte

@@ -4,7 +4,7 @@
 
 <script lang="ts">
     export let text: string
-    export let size: string = 'small'
+    export let size = 'small'
 </script>
 
 <div class="badge badge--{size}">

apps/website/src/components/atoms/Button.svelte

@@ -5,14 +5,14 @@
 <script lang="ts">
     import SplitText from '$components/SplitText.svelte'
 
-    export let tag: string = 'a'
+    export let tag = 'a'
     export let text: string
     export let url: string = undefined
     export let color: string = undefined
     export let size: string = undefined
-    export let effect: string = 'link-3d'
+    export let effect = 'link-3d'
     export let disabled: boolean = undefined
-    export let slotPosition: string = 'before'
+    export let slotPosition = 'before'
 
     const className = 'button'
     const classes = [

apps/website/src/components/atoms/ButtonCircle.svelte

@@ -3,12 +3,12 @@
 </style>
 
 <script lang="ts">
-    export let tag: string = 'button'
+    export let tag = 'button'
     export let url: string = undefined
     export let color: string = undefined
     export let size: string = undefined
-    export let type: string = undefined
-    export let clone: boolean = false
+    export let type: 'button' | 'reset' | 'submit' = undefined
+    export let clone = false
     export let disabled: boolean = undefined
     export let label: string = undefined
 

apps/website/src/components/atoms/IconArrow.svelte

@@ -4,7 +4,7 @@
 
 <script lang="ts">
     export let color: string = undefined
-    export let flip: boolean = false
+    export let flip = false
 </script>
 
 <svg width="12" height="14"

apps/website/src/components/atoms/IconEarth.svelte

@@ -7,7 +7,7 @@
 </style>
 
 <script lang="ts">
-    export let animate: boolean = false
+    export let animate = false
 
     const classes = ['icon-earth', $$props.class].join(' ').trim()
 </script>

apps/website/src/components/atoms/Image.svelte

@@ -9,7 +9,7 @@
     export let height: number = sizes && sizes.medium && sizes.medium.height
     export let ratio: number = undefined
     export let alt: string
-    export let lazy: boolean = true
+    export let lazy = true
     export let decoding: "auto" | "sync" | "async" = "auto"
 
     interface Sizes {

apps/website/src/components/atoms/ScrollingTitle.svelte

@@ -16,7 +16,7 @@
     export let parallax: number = undefined
     export let offsetStart: number = undefined
     export let offsetEnd: number = undefined
-    export let animate: boolean = true
+    export let animate = true
 
     let scrollY: number
     let innerWidth: number

apps/website/src/components/atoms/SiteTitle.svelte

@@ -7,8 +7,8 @@
     import reveal from '$animations/reveal'
     import { DURATION } from '$utils/constants'
 
-    export let variant: string = 'lines'
-    export let tag: string = 'h1'
+    export let variant = 'lines'
+    export let tag = 'h1'
 </script>
 
 {#if tag === 'h1'}

apps/website/src/components/molecules/EmailForm.svelte

@@ -10,7 +10,7 @@
     import IconArrow from '$components/atoms/IconArrow.svelte'
     import ButtonCircle from '$components/atoms/ButtonCircle.svelte'
 
-    export let past: boolean = false
+    export let past = false
 
     let inputInFocus = false
     let formStatus: FormStatus = null

apps/website/src/components/molecules/Pagination.svelte

@@ -3,7 +3,7 @@
 </style>
 
 <script lang="ts">
-    export let ended: boolean = false
+    export let ended = false
     export let current: number
     export let total: number
 </script>

apps/website/src/components/molecules/PhotoCard.svelte

@@ -12,8 +12,8 @@
     export let title: string = undefined
     export let location: any = undefined
     export let city: string = undefined
-    export let hovered: boolean = false
-    export let lazy: boolean = true
+    export let hovered = false
+    export let lazy = true
 
     const dispatch = createEventDispatcher()
     const sizes = {

apps/website/src/components/molecules/ShopLocationSwitcher.svelte

@@ -8,7 +8,7 @@
     import { shopCurrentProductSlug } from '$utils/stores/shop'
     import { smoothScroll } from '$utils/stores'
 
-    export let isOver: boolean = false
+    export let isOver = false
 
     const { shopLocations }: any = getContext('shop')
 
@@ -22,7 +22,7 @@
     // Quick location change
     const quickLocationChange = async ({ target: { value }}: any) => {
         const pathTo = `/shop/poster-${value}`
-        goto(pathTo, { replaceState: true, noscroll: true, keepfocus: true })
+        goto(pathTo, { replaceState: true, noScroll: true, keepFocus: true })
 
         // Scroll to anchor
         await tick()

apps/website/src/components/organisms/Banner.svelte

@@ -8,7 +8,7 @@
 
     export let title: string
     export let image: any
-    export let back: boolean = false
+    export let back = false
 </script>
 
 <section class="banner">

apps/website/src/components/organisms/Carousel.svelte

@@ -20,7 +20,7 @@
 
 
     /** Navigate to specific slide */
-    const goToSlide = (index: number = 0) => carousel.scrollTo(index)
+    const goToSlide = (index = 0) => carousel.scrollTo(index)
 
     /** Move and change arrow direction when moving */
     const arrowPosition = writable({ x: 0, y: 0 })
@@ -89,6 +89,7 @@
         <div class="carousel__viewport" bind:this={carouselEl}
             on:mousemove={handleArrowMove}
             on:click={handleArrowClick}
+            on:keydown
         >
             <div class="carousel__slides">
                 {#each slides as { id, alt }}

apps/website/src/components/organisms/InteractiveGlobe.svelte

@@ -15,10 +15,10 @@
     const isDev = import.meta.env.DEV
 
     export let type: string = undefined
-    export let autoRotate: boolean = true
-    export let enableMarkers: boolean = true
-    export let enableMarkersLinks: boolean = true
-    export let speed: number = 0.1
+    export let autoRotate = true
+    export let enableMarkers = true
+    export let enableMarkersLinks = true
+    export let speed = 0.1
     export let pane: boolean = isDev
     export let width: number = undefined
 

apps/website/src/components/organisms/NewsletterModule.svelte

@@ -7,7 +7,7 @@
     // Components
     import EmailForm from '$components/molecules/EmailForm.svelte'
 
-    export let theme: string = 'default'
+    export let theme = 'default'
 
     const { settings: { newsletter_text, newsletter_subtitle }}: any = getContext('global')
 </script>

apps/website/src/components/organisms/PostersGrid.svelte

@@ -21,7 +21,7 @@
 
 
     /** Navigate to specific slide */
-    const goToSlide = (index: number = 0) => {
+    const goToSlide = (index = 0) => {
         carousel.scrollTo(index)
     }
 

apps/website/src/components/organisms/ShopModule.svelte

@@ -21,9 +21,9 @@
     export let title: string = shop.module_title
     export let text: string = shop.module_text
     export let textBottom: string = undefined
-    export let buttonText: string = 'Shop'
-    export let url: string = '/shop'
-    export let enabled: boolean = true
+    export let buttonText = 'Shop'
+    export let url = '/shop'
+    export let enabled = true
 
     if (textBottom !== null) {
         textBottom = `Posters available for ${locationsWithPoster.join(', ').replace(/,(?!.*,)/gmi, ' and')}.`