refactor: 🏷️ add types

Author: spences10

src/lib/utils/index.ts

@@ -1,4 +1,4 @@
-export const getPadding = aspectRatio => {
+export const getPadding = (aspectRatio: string) => {
   const config = {
     '1:1': `padding-top: 100%;`,
     '16:9': `padding-top: 56.25%;`,

src/lib/utils/use-viewport-action.ts

@@ -1,20 +1,25 @@
 // Thanks Lihau https://www.youtube.com/watch?v=1SKKzdHVvcI&t=182s
 
-let intersectionObserver
+let intersectionObserver: IntersectionObserver
 
 function ensureIntersectionObserver() {
   if (intersectionObserver) return
 
-  intersectionObserver = new IntersectionObserver(entries => {
-    entries.filter(({isIntersecting}) => isIntersecting).forEach(entry => {
-        entry.target.dispatchEvent(new CustomEvent('enterViewport'))
-    })
-  }, {
-    rootMargin: "1000px"
-  })
+  intersectionObserver = new IntersectionObserver(
+    entries => {
+      entries
+        .filter(({ isIntersecting }) => isIntersecting)
+        .forEach(entry => {
+          entry.target.dispatchEvent(new CustomEvent('enterViewport'))
+        })
+    },
+    {
+      rootMargin: '1000px',
+    }
+  )
 }
 
-export default function viewport(element) {
+export default function viewport(element: Element) {
   ensureIntersectionObserver()
 
   intersectionObserver.observe(element)