[wip] Switch from Anime to Motion One for page animations

src/components/organisms/Locations.svelte

@@ -6,7 +6,7 @@
     import { getContext } from 'svelte'
     import { flip } from 'svelte/animate'
     import { quartOut } from 'svelte/easing'
-    import { reveal, fly } from '$animations/index'
+    import reveal from '$animations/reveal'
     import { send, receive } from '$animations/crossfade'
     import { throttle } from '$utils/functions'
     import { sendEvent } from '$utils/analytics'
@@ -67,14 +67,13 @@
 
     <ul class="browse__locations"
         use:reveal={{
-            animation: fly,
+            children: '.location',
+            animation: { y: ['20%', 0], opacity: [0, 1] },
             options: {
-                children: 'li',
-                stagger: 100,
-                duration: 1200,
-                from: '20%',
+                stagger: 0.105,
+                duration: 1,
+                threshold: 0.3,
             },
-            threshold: 0.3,
         }}
     >
         {#each filteredLocations as location (location)}