From f0173bb828834d82f3cf93dd11d7014090a92846 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Tue, 21 Jun 2022 20:03:26 +0200
Subject: [PATCH] Remove unused code and refactor types importing

---
 src/animations/index.ts                        | 3 +--
 src/components/layouts/PosterLayout.svelte     | 2 +-
 src/components/molecules/House.svelte          | 2 +-
 src/components/molecules/Location.svelte       | 4 ++--
 src/components/organisms/Carousel.svelte       | 3 +--
 src/components/organisms/PostersGrid.svelte    | 3 +--
 src/components/organisms/ShopHeader.svelte     | 3 +--
 src/routes/[country]/[location]/[photo].svelte | 3 +--
 src/routes/[country]/[location]/index.svelte   | 3 +--
 src/routes/__error.svelte                      | 4 +---
 src/routes/credits.svelte                      | 3 +--
 src/routes/index.svelte                        | 3 +--
 src/routes/photos.svelte                       | 5 ++---
 src/routes/shop/__error.svelte                 | 4 +---
 src/routes/subscribe.svelte                    | 3 +--
 15 files changed, 17 insertions(+), 31 deletions(-)

diff --git a/src/animations/index.ts b/src/animations/index.ts
index 68feb24..1717f65 100644
--- a/src/animations/index.ts
+++ b/src/animations/index.ts
@@ -1,5 +1,4 @@
-import anime from 'animejs'
-import type { AnimeParams } from 'animejs'
+import anime, { type AnimeParams } from 'animejs'
 import type { TransitionConfig } from 'svelte/transition'
 
 
diff --git a/src/components/layouts/PosterLayout.svelte b/src/components/layouts/PosterLayout.svelte
index 10c0144..720fcad 100644
--- a/src/components/layouts/PosterLayout.svelte
+++ b/src/components/layouts/PosterLayout.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { cartId, cartData } from '$utils/stores/shop'
+    import { cartId } from '$utils/stores/shop'
     import { addToCart } from '$utils/functions/shop'
     import { capitalizeFirstLetter } from '$utils/functions'
     // Components
diff --git a/src/components/molecules/House.svelte b/src/components/molecules/House.svelte
index e7b31d5..7f3948d 100644
--- a/src/components/molecules/House.svelte
+++ b/src/components/molecules/House.svelte
@@ -37,6 +37,7 @@
         <a href={url} sveltekit:noscroll tabindex="0">
             <figure class="house__image shadow-photo">
                 <Image
+                    class="photo"
                     id={photoId}
                     sizeKey="photo-list"
                     sizes={{
@@ -46,7 +47,6 @@
                     }}
                     ratio={1.5}
                     alt={photoAlt}
-                    class="photo"
                 />
             </figure>
             <span class="house__index title-index">
diff --git a/src/components/molecules/Location.svelte b/src/components/molecules/Location.svelte
index 6223143..a6b05b3 100644
--- a/src/components/molecules/Location.svelte
+++ b/src/components/molecules/Location.svelte
@@ -38,7 +38,7 @@
         const moveProgress = (clientX - left) / width // 0 to 1
 
         // Move horizontally
-        offset.update($c => ({
+        offset.update(_ => ({
             x: lerp(-56, 56, moveProgress),
             y: 0
         }))
@@ -48,7 +48,7 @@
     }
 
     // Leaving mouseover
-    const handleMouseLeave = (event: MouseEvent) => {
+    const handleMouseLeave = () => {
         offset.update($c => ({
             x: $c.x,
             y: 40
diff --git a/src/components/organisms/Carousel.svelte b/src/components/organisms/Carousel.svelte
index 598c18e..596e0d1 100644
--- a/src/components/organisms/Carousel.svelte
+++ b/src/components/organisms/Carousel.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
     import { onMount } from 'svelte'
     import { writable } from 'svelte/store'
-    import EmblaCarousel from 'embla-carousel'
-    import type { EmblaCarouselType } from 'embla-carousel'
+    import EmblaCarousel, { type EmblaCarouselType } from 'embla-carousel'
     // Components
     import Image from '$components/atoms/Image.svelte'
 
diff --git a/src/components/organisms/PostersGrid.svelte b/src/components/organisms/PostersGrid.svelte
index 663c87d..a8a75b4 100644
--- a/src/components/organisms/PostersGrid.svelte
+++ b/src/components/organisms/PostersGrid.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
     import { getContext, onMount } from 'svelte'
-    import EmblaCarousel from 'embla-carousel'
-    import type { EmblaCarouselType } from 'embla-carousel'
+    import EmblaCarousel, { type EmblaCarouselType } from 'embla-carousel'
     // Components
     import Poster from '$components/molecules/Poster.svelte'
     import EmailForm from '$components/molecules/EmailForm.svelte'
diff --git a/src/components/organisms/ShopHeader.svelte b/src/components/organisms/ShopHeader.svelte
index 2265edb..d24f8c8 100644
--- a/src/components/organisms/ShopHeader.svelte
+++ b/src/components/organisms/ShopHeader.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
     import { getContext, onMount } from 'svelte'
-    import anime from 'animejs'
-    import type { AnimeTimelineInstance } from 'animejs'
+    import anime, { type AnimeTimelineInstance } from 'animejs'
     import { cartOpen } from '$utils/stores/shop'
     // Components
     import Image from '$components/atoms/Image.svelte'
diff --git a/src/routes/[country]/[location]/[photo].svelte b/src/routes/[country]/[location]/[photo].svelte
index f7989bf..581d729 100644
--- a/src/routes/[country]/[location]/[photo].svelte
+++ b/src/routes/[country]/[location]/[photo].svelte
@@ -11,8 +11,7 @@
     import { throttle } from '$utils/functions'
     import { swipe } from '$utils/interactions/swipe'
     import dayjs from 'dayjs'
-    import anime from 'animejs'
-    import type { AnimeTimelineInstance } from 'animejs'
+    import anime, { type AnimeTimelineInstance } from 'animejs'
     // Components
     import Metas from '$components/Metas.svelte'
     import SplitText from '$components/SplitText.svelte'
diff --git a/src/routes/[country]/[location]/index.svelte b/src/routes/[country]/[location]/index.svelte
index e900cbc..9215c3a 100644
--- a/src/routes/[country]/[location]/index.svelte
+++ b/src/routes/[country]/[location]/index.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
     import { navigating, page } from '$app/stores'
     import { onMount } from 'svelte'
-    import anime from 'animejs'
-    import type { AnimeTimelineInstance } from 'animejs'
+    import anime, { type AnimeTimelineInstance } from 'animejs'
     import dayjs from 'dayjs'
     import relativeTime from 'dayjs/plugin/relativeTime.js'
     import { getAssetUrlKey } from '$utils/helpers'
diff --git a/src/routes/__error.svelte b/src/routes/__error.svelte
index f57b6f7..6e84efc 100644
--- a/src/routes/__error.svelte
+++ b/src/routes/__error.svelte
@@ -76,9 +76,7 @@
 <script context="module" lang="ts">
     import type { LoadEvent, LoadOutput } from '@sveltejs/kit'
 
-    export async function load ({ fetch, status }: LoadEvent): Promise<LoadOutput> {
-        console.log(status)
-
+    export async function load ({ status }: LoadEvent): Promise<LoadOutput> {
         return {
             props: {
                 status,
diff --git a/src/routes/credits.svelte b/src/routes/credits.svelte
index 14a2363..68ad1d5 100644
--- a/src/routes/credits.svelte
+++ b/src/routes/credits.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
     import { onMount } from 'svelte'
-    import anime from 'animejs'
-    import type { AnimeTimelineInstance } from 'animejs'
+    import anime, { type AnimeTimelineInstance } from 'animejs'
     // Components
     import Metas from '$components/Metas.svelte'
     import PageTransition from '$components/PageTransition.svelte'
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index fb67251..d25ba71 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
     import { page } from '$app/stores'
     import { getContext, onMount } from 'svelte'
-    import anime from 'animejs'
-    import type { AnimeTimelineInstance } from 'animejs'
+    import anime, { type AnimeTimelineInstance } from 'animejs'
     import { DELAY } from '$utils/contants'
     import { sleep } from '$utils/functions'
     import { reveal, fade as animeFade } from '$animations/index'
diff --git a/src/routes/photos.svelte b/src/routes/photos.svelte
index d512a87..9faa449 100644
--- a/src/routes/photos.svelte
+++ b/src/routes/photos.svelte
@@ -6,8 +6,7 @@
     import { quartOut } from 'svelte/easing'
     import dayjs from 'dayjs'
     import relativeTime from 'dayjs/plugin/relativeTime.js'
-    import anime from 'animejs'
-    import type { AnimeTimelineInstance } from 'animejs'
+    import anime, { type AnimeTimelineInstance } from 'animejs'
     import { fetchAPI } from '$utils/api'
     import { map, lerp, throttle } from '$utils/functions'
     // Components
@@ -262,7 +261,7 @@
         })
 
         // Photos MutationObserver
-        mutationPhotos = new MutationObserver((mutationsList, observer) => {
+        mutationPhotos = new MutationObserver((mutationsList) => {
             for (const mutation of mutationsList) {
                 // When adding new childs
                 if (mutation.type === 'childList') {
diff --git a/src/routes/shop/__error.svelte b/src/routes/shop/__error.svelte
index 74abf69..190d155 100644
--- a/src/routes/shop/__error.svelte
+++ b/src/routes/shop/__error.svelte
@@ -44,9 +44,7 @@
 <script context="module" lang="ts">
     import type { LoadEvent, LoadOutput } from '@sveltejs/kit'
 
-    export async function load ({ fetch, status }: LoadEvent): Promise<LoadOutput> {
-        console.log(status)
-
+    export async function load ({ status }: LoadEvent): Promise<LoadOutput> {
         return {
             props: {
                 status,
diff --git a/src/routes/subscribe.svelte b/src/routes/subscribe.svelte
index 080535e..d8d9a60 100644
--- a/src/routes/subscribe.svelte
+++ b/src/routes/subscribe.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
     import { onMount } from 'svelte'
     import dayjs from 'dayjs'
-    import anime from 'animejs'
-    import type { AnimeTimelineInstance } from 'animejs'
+    import anime, { type AnimeTimelineInstance } from 'animejs'
     // Components
     import Metas from '$components/Metas.svelte'
     import PageTransition from '$components/PageTransition.svelte'