From a53dd3166f389e8b64ed9ada3267c54b5eecb8a7 Mon Sep 17 00:00:00 2001
From: spences10 <spences10apps@gmail.com>
Date: Tue, 7 Mar 2023 16:34:22 +0000
Subject: [PATCH 1/6] refactor: :recycle: first pass

---
 src/lib/components/general-observer.svelte | 55 ++++++++++++++--------
 1 file changed, 35 insertions(+), 20 deletions(-)

diff --git a/src/lib/components/general-observer.svelte b/src/lib/components/general-observer.svelte
index 8c935789..84567359 100644
--- a/src/lib/components/general-observer.svelte
+++ b/src/lib/components/general-observer.svelte
@@ -1,30 +1,45 @@
+<!-- 
+  https://www.reddit.com/r/sveltejs/comments/le28vg/whats_your_svelte_way_to_detect_if_an_element_is/
+  https://svelte.dev/repl/4b8ccdf1d01545baa0ab6a858bc05abb?version=3.32.1
+-->
 <script lang="ts">
-	import viewport from '$lib/utils/use-viewport-action'
-	import { createEventDispatcher } from 'svelte'
+  import { onDestroy, onMount } from 'svelte'
+  import { fade } from 'svelte/transition'
 
-	const dispatch = createEventDispatcher();
+  let loaded = false
+  let root: HTMLElement
 
-  export let height: string = '100'
-  export let width: string = '100'
+  // check if IntersectionObserver is available
+  const hasIntersectionObserver =
+    typeof IntersectionObserver !== 'undefined'
+  let observer = hasIntersectionObserver
+    ? new IntersectionObserver(entries => {
+        entries.forEach(entry => {
+          if (entry.isIntersecting) {
+            loaded = true
+            observer.disconnect()
+          }
+        })
+      })
+    : null
 
-  let intersecting: boolean
+  onMount(() => {
+    if (observer) {
+      observer.observe(root)
+    }
+  })
+
+  onDestroy(() => {
+    if (observer) {
+      observer.disconnect()
+    }
+  })
 </script>
 
-<div
-  use:viewport
-  on:enterViewport={() => {
-    intersecting = true
-    dispatch("enterViewport")
-  }}
->
-  {#if intersecting}
-    <div class="flex justify-center mb-12" style={`width: ${width}`}>
+<div bind:this={root}>
+  {#if loaded}
+    <div transition:fade>
       <slot />
     </div>
-  {:else}
-    <div
-      class="flex justify-center mb-12"
-      style={`height:${height}px;width: 100%`}
-    />
   {/if}
 </div>

From a55cc85dffb030d31d107fa57426db423d319aa8 Mon Sep 17 00:00:00 2001
From: spences10 <spences10apps@gmail.com>
Date: Tue, 7 Mar 2023 20:04:04 +0000
Subject: [PATCH 2/6] refactor: :recycle: use component instead of action

remove use-viewport-action.ts
---
 src/lib/components/general-observer.svelte | 31 +++++++++++++--------
 src/lib/utils/use-viewport-action.ts       | 32 ----------------------
 2 files changed, 20 insertions(+), 43 deletions(-)
 delete mode 100644 src/lib/utils/use-viewport-action.ts

diff --git a/src/lib/components/general-observer.svelte b/src/lib/components/general-observer.svelte
index 84567359..eb686e81 100644
--- a/src/lib/components/general-observer.svelte
+++ b/src/lib/components/general-observer.svelte
@@ -6,22 +6,31 @@
   import { onDestroy, onMount } from 'svelte'
   import { fade } from 'svelte/transition'
 
-  let loaded = false
+  export let threshold = 0.5
+  export let disable_observer = false
+
+  let loaded = disable_observer
   let root: HTMLElement
 
-  // check if IntersectionObserver is available
   const hasIntersectionObserver =
     typeof IntersectionObserver !== 'undefined'
-  let observer = hasIntersectionObserver
-    ? new IntersectionObserver(entries => {
-        entries.forEach(entry => {
-          if (entry.isIntersecting) {
-            loaded = true
-            observer.disconnect()
+  let observer =
+    hasIntersectionObserver && !disable_observer
+      ? new IntersectionObserver(
+          entries => {
+            entries.forEach(entry => {
+              if (entry.intersectionRatio >= threshold) {
+                loaded = true
+                observer.disconnect()
+              }
+            })
+          },
+          {
+            rootMargin: '0px',
+            threshold,
           }
-        })
-      })
-    : null
+        )
+      : null
 
   onMount(() => {
     if (observer) {
diff --git a/src/lib/utils/use-viewport-action.ts b/src/lib/utils/use-viewport-action.ts
deleted file mode 100644
index 617f52aa..00000000
--- a/src/lib/utils/use-viewport-action.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-// Thanks Lihau https://www.youtube.com/watch?v=1SKKzdHVvcI&t=182s
-
-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',
-    }
-  )
-}
-
-export default function viewport(element: Element) {
-  ensureIntersectionObserver()
-
-  intersectionObserver.observe(element)
-
-  return {
-    destroy() {
-      intersectionObserver.unobserve(element)
-    },
-  }
-}

From 05bb911c0f693933a3a14e494b9e8767d2328ebd Mon Sep 17 00:00:00 2001
From: spences10 <spences10apps@gmail.com>
Date: Tue, 7 Mar 2023 20:52:30 +0000
Subject: [PATCH 3/6] chore: :wrench: add cspell dictionaries and config

remove husky and pretty-quick
---
 .cspell/cambridge-dictionary-words.txt |   0
 .cspell/code.txt                       |   8 +
 .cspell/my-words.txt                   |   3 +
 .cspell/names.txt                      |  37 ++
 cspell.json                            |  38 ++
 package.json                           | 169 +++---
 pnpm-lock.yaml                         | 702 +++++++++++++++++++++----
 7 files changed, 754 insertions(+), 203 deletions(-)
 create mode 100644 .cspell/cambridge-dictionary-words.txt
 create mode 100644 .cspell/code.txt
 create mode 100644 .cspell/my-words.txt
 create mode 100644 .cspell/names.txt
 create mode 100644 cspell.json

diff --git a/.cspell/cambridge-dictionary-words.txt b/.cspell/cambridge-dictionary-words.txt
new file mode 100644
index 00000000..e69de29b
diff --git a/.cspell/code.txt b/.cspell/code.txt
new file mode 100644
index 00000000..98eeb401
--- /dev/null
+++ b/.cspell/code.txt
@@ -0,0 +1,8 @@
+colspan
+iframe
+markdownlint
+tbody
+testid
+tfoot
+valign
+webdev
\ No newline at end of file
diff --git a/.cspell/my-words.txt b/.cspell/my-words.txt
new file mode 100644
index 00000000..58bfceb6
--- /dev/null
+++ b/.cspell/my-words.txt
@@ -0,0 +1,3 @@
+genericembed
+mycomponent
+oldschool
diff --git a/.cspell/names.txt b/.cspell/names.txt
new file mode 100644
index 00000000..e1c00d93
--- /dev/null
+++ b/.cspell/names.txt
@@ -0,0 +1,37 @@
+adamwathan
+anchorfm
+Arellano
+Buzzsprout
+Cahllagerfeld
+codepen
+daisyui
+Deezer
+Drasner
+Ennoriel
+Hernández
+João
+Laubstein
+Mandal
+markdownlint
+Matías
+Maxime
+mdsvex
+Palmeiro
+pauliescanlon
+pnpm
+purrfect
+rehype
+sdras
+simplecast
+smartypants
+soundcloud
+Souvik
+stackblitz
+svead
+sveltekit
+tailwindcss
+vieria
+vite
+vitejs
+youtube
+Zencastr
diff --git a/cspell.json b/cspell.json
new file mode 100644
index 00000000..7ad9b88d
--- /dev/null
+++ b/cspell.json
@@ -0,0 +1,38 @@
+{
+	"version": "0.2",
+	"ignorePaths": [
+		"node_modules/**/*",
+		"pnpm-lock.yaml",
+		"package/**/*"
+	],
+	"dictionaryDefinitions": [
+		{
+			"name": "cambridge_dictionary",
+			"path": ".cspell/cambridge-dictionary-words.txt",
+			"addWords": true
+		},
+		{
+			"name": "my_words",
+			"path": ".cspell/my-words.txt",
+			"addWords": true
+		},
+		{
+			"name": "names",
+			"path": ".cspell/names.txt",
+			"addWords": true
+		},
+		{
+			"name": "code",
+			"path": ".cspell/code.txt",
+			"addWords": true
+		}
+	],
+	"dictionaries": [
+		"cambridge_dictionary",
+		"names",
+		"my_words",
+		"code"
+	],
+	"ignoreWords": [],
+	"import": []
+}
diff --git a/package.json b/package.json
index ce43b644..d17bee15 100644
--- a/package.json
+++ b/package.json
@@ -1,89 +1,84 @@
 {
-  "name": "sveltekit-embed",
-  "version": "0.0.12",
-  "author": {
-    "name": "Scott Spence",
-    "email": "yo@scottspence.dev",
-    "url": "https://scottspence.com"
-  },
-  "description": "This is a collection of embed components I use on a regular basis packaged up for use.",
-  "keywords": [
-    "svelte",
-    "sveltekit",
-    "youtube",
-    "spotify",
-    "deezer",
-    "vimeo"
-  ],
-  "license": "MIT",
-  "scripts": {
-    "dev": "vite dev",
-    "build": "pnpm un sveltekit-embed && pnpm i -D sveltekit-embed && vite build",
-    "package": "svelte-package",
-    "preview": "vite preview",
-    "test": "playwright test",
-    "check": "svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
-    "format": "pretty-quick",
-    "package:local": "svelte-package && pnpm i -D ./package",
-    "contributors:add": "all-contributors add",
-    "contributors:generate": "all-contributors generate",
-    "test:unit": "vitest",
-    "test:ui": "vitest --ui",
-    "test:ci": "vitest run"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "pretty-quick --staged"
-    }
-  },
-  "devDependencies": {
-    "@playwright/test": "1.31.2",
-    "@sveltejs/adapter-auto": "^2.0.0",
-    "@sveltejs/kit": "^1.5.0",
-    "@sveltejs/package": "2.0.2",
-    "@tailwindcss/typography": "0.5.9",
-    "@testing-library/svelte": "^3.2.2",
-    "@typescript-eslint/eslint-plugin": "5.54.1",
-    "@typescript-eslint/parser": "5.54.1",
-    "@vitest/ui": "^0.29.0",
-    "all-contributors-cli": "6.24.0",
-    "autoprefixer": "10.4.13",
-    "daisyui": "2.51.3",
-    "eslint": "8.35.0",
-    "eslint-config-prettier": "8.6.0",
-    "eslint-plugin-svelte3": "4.0.0",
-    "fathom-client": "^3.5.0",
-    "husky": "8.0.3",
-    "jsdom": "^21.0.0",
-    "mdsvex": "0.10.6",
-    "postcss": "8.4.21",
-    "postcss-load-config": "4.0.1",
-    "prettier": "2.8.4",
-    "prettier-plugin-svelte": "2.9.0",
-    "pretty-quick": "3.1.3",
-    "rehype-autolink-headings": "^6.1.1",
-    "rehype-slug": "^5.1.0",
-    "svead": "0.0.4",
-    "svelte": "3.55.1",
-    "svelte-check": "3.0.4",
-    "svelte-preprocess": "5.0.1",
-    "svelte2tsx": "0.6.2",
-    "sveltekit-embed": "^0.0.12",
-    "tailwindcss": "3.2.7",
-    "tslib": "2.5.0",
-    "typescript": "4.9.5",
-    "vite": "4.1.4",
-    "vitest": "^0.29.0"
-  },
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/spences10/sveltekit-embed.git"
-  },
-  "bugs": {
-    "url": "https://github.com/spences10/sveltekit-embed/issues"
-  },
-  "homepage": "https://github.com/spences10/sveltekit-embed#readme"
+	"name": "sveltekit-embed",
+	"version": "0.0.12",
+	"author": {
+		"name": "Scott Spence",
+		"email": "yo@scottspence.dev",
+		"url": "https://scottspence.com"
+	},
+	"description": "This is a collection of embed components I use on a regular basis packaged up for use.",
+	"keywords": [
+		"svelte",
+		"sveltekit",
+		"youtube",
+		"spotify",
+		"deezer",
+		"vimeo"
+	],
+	"license": "MIT",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "pnpm un sveltekit-embed && pnpm i -D sveltekit-embed && vite build",
+		"package": "svelte-package",
+		"preview": "vite preview",
+		"test": "playwright test",
+		"check": "svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
+		"lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
+		"format": "prettier --plugin-search-dir . --write .",
+		"package:local": "svelte-package && pnpm i -D ./package",
+		"contributors:add": "all-contributors add",
+		"contributors:generate": "all-contributors generate",
+		"test:unit": "vitest",
+		"test:ui": "vitest --ui",
+		"test:ci": "vitest run",
+		"cspell": "cspell '**/*.md' --config cspell.json --language-id en-gb --wordsOnly"
+	},
+	"devDependencies": {
+		"@playwright/test": "1.31.2",
+		"@sveltejs/adapter-auto": "^2.0.0",
+		"@sveltejs/kit": "^1.5.0",
+		"@sveltejs/package": "2.0.2",
+		"@tailwindcss/typography": "0.5.9",
+		"@testing-library/svelte": "^3.2.2",
+		"@typescript-eslint/eslint-plugin": "5.54.1",
+		"@typescript-eslint/parser": "5.54.1",
+		"@vitest/ui": "^0.29.0",
+		"all-contributors-cli": "6.24.0",
+		"autoprefixer": "10.4.13",
+		"cspell": "^6.28.0",
+		"daisyui": "2.51.3",
+		"eslint": "8.35.0",
+		"eslint-config-prettier": "8.6.0",
+		"eslint-plugin-svelte3": "4.0.0",
+		"fathom-client": "^3.5.0",
+		"jsdom": "^21.0.0",
+		"mdsvex": "0.10.6",
+		"postcss": "8.4.21",
+		"postcss-load-config": "4.0.1",
+		"prettier": "2.8.4",
+		"prettier-plugin-svelte": "2.9.0",
+		"rehype-autolink-headings": "^6.1.1",
+		"rehype-slug": "^5.1.0",
+		"svead": "0.0.4",
+		"svelte": "3.55.1",
+		"svelte-check": "3.0.4",
+		"svelte-preprocess": "5.0.1",
+		"svelte2tsx": "0.6.2",
+		"sveltekit-embed": "^0.0.12",
+		"tailwindcss": "3.2.7",
+		"tslib": "2.5.0",
+		"typescript": "4.9.5",
+		"vite": "4.1.4",
+		"vitest": "^0.29.0"
+	},
+	"type": "module",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/spences10/sveltekit-embed.git"
+	},
+	"bugs": {
+		"url": "https://github.com/spences10/sveltekit-embed/issues"
+	},
+	"homepage": "https://github.com/spences10/sveltekit-embed#readme"
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 18322866..9b98d9f3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,19 +12,18 @@ specifiers:
   '@vitest/ui': ^0.29.0
   all-contributors-cli: 6.24.0
   autoprefixer: 10.4.13
+  cspell: ^6.28.0
   daisyui: 2.51.3
   eslint: 8.35.0
   eslint-config-prettier: 8.6.0
   eslint-plugin-svelte3: 4.0.0
   fathom-client: ^3.5.0
-  husky: 8.0.3
   jsdom: ^21.0.0
   mdsvex: 0.10.6
   postcss: 8.4.21
   postcss-load-config: 4.0.1
   prettier: 2.8.4
   prettier-plugin-svelte: 2.9.0
-  pretty-quick: 3.1.3
   rehype-autolink-headings: ^6.1.1
   rehype-slug: ^5.1.0
   svead: 0.0.4
@@ -51,19 +50,18 @@ devDependencies:
   '@vitest/ui': 0.29.2
   all-contributors-cli: 6.24.0
   autoprefixer: 10.4.13_postcss@8.4.21
+  cspell: 6.28.0
   daisyui: 2.51.3_gbtt6ss3tbiz4yjtvdr6fbrj44
   eslint: 8.35.0
   eslint-config-prettier: 8.6.0_eslint@8.35.0
   eslint-plugin-svelte3: 4.0.0_n4ieifq2d7jq3sqoe474cgqlim
   fathom-client: 3.5.0
-  husky: 8.0.3
   jsdom: 21.0.0
   mdsvex: 0.10.6_svelte@3.55.1
   postcss: 8.4.21
   postcss-load-config: 4.0.1_postcss@8.4.21
   prettier: 2.8.4
   prettier-plugin-svelte: 2.9.0_jrsxveqmsx2uadbqiuq74wlc4u
-  pretty-quick: 3.1.3_prettier@2.8.4
   rehype-autolink-headings: 6.1.1
   rehype-slug: 5.1.0
   svead: 0.0.4
@@ -108,6 +106,269 @@ packages:
       regenerator-runtime: 0.13.11
     dev: true
 
+  /@cspell/cspell-bundled-dicts/6.28.0:
+    resolution: {integrity: sha512-RjAf67eejzQVXPX45xmIGFgSewtUeY5R+xun6xz1pQFIIrgsoxYNZ1hbdj72sX6+QdkJDf1WF3S9zMfiRVlOXQ==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@cspell/dict-ada': 4.0.1
+      '@cspell/dict-aws': 3.0.0
+      '@cspell/dict-bash': 4.1.1
+      '@cspell/dict-companies': 3.0.9
+      '@cspell/dict-cpp': 4.0.3
+      '@cspell/dict-cryptocurrencies': 3.0.1
+      '@cspell/dict-csharp': 4.0.2
+      '@cspell/dict-css': 4.0.5
+      '@cspell/dict-dart': 2.0.2
+      '@cspell/dict-django': 4.0.2
+      '@cspell/dict-docker': 1.1.6
+      '@cspell/dict-dotnet': 4.0.2
+      '@cspell/dict-elixir': 4.0.2
+      '@cspell/dict-en-common-misspellings': 1.0.2
+      '@cspell/dict-en-gb': 1.1.33
+      '@cspell/dict-en_us': 4.3.0
+      '@cspell/dict-filetypes': 3.0.0
+      '@cspell/dict-fonts': 3.0.1
+      '@cspell/dict-fullstack': 3.1.4
+      '@cspell/dict-gaming-terms': 1.0.4
+      '@cspell/dict-git': 2.0.0
+      '@cspell/dict-golang': 5.0.2
+      '@cspell/dict-haskell': 4.0.1
+      '@cspell/dict-html': 4.0.3
+      '@cspell/dict-html-symbol-entities': 4.0.0
+      '@cspell/dict-java': 5.0.5
+      '@cspell/dict-k8s': 1.0.1
+      '@cspell/dict-latex': 3.1.0
+      '@cspell/dict-lorem-ipsum': 3.0.0
+      '@cspell/dict-lua': 4.0.1
+      '@cspell/dict-node': 4.0.2
+      '@cspell/dict-npm': 5.0.5
+      '@cspell/dict-php': 3.0.4
+      '@cspell/dict-powershell': 4.0.2
+      '@cspell/dict-public-licenses': 2.0.1
+      '@cspell/dict-python': 4.0.1
+      '@cspell/dict-r': 2.0.1
+      '@cspell/dict-ruby': 4.0.2
+      '@cspell/dict-rust': 4.0.1
+      '@cspell/dict-scala': 4.0.1
+      '@cspell/dict-software-terms': 3.1.5
+      '@cspell/dict-sql': 2.0.2
+      '@cspell/dict-svelte': 1.0.2
+      '@cspell/dict-swift': 2.0.1
+      '@cspell/dict-typescript': 3.1.1
+      '@cspell/dict-vue': 3.0.0
+    dev: true
+
+  /@cspell/cspell-pipe/6.28.0:
+    resolution: {integrity: sha512-/D8cmitszZCethV4ekz+RMigwlkk5kLcOiVdjKBx/YHC5CtpkQ+v5ZlaTpxAKCoOyfyKW6hI8UNhNIx7ZyrizQ==}
+    engines: {node: '>=14'}
+    dev: true
+
+  /@cspell/cspell-service-bus/6.28.0:
+    resolution: {integrity: sha512-l3PtT8wZTTB3HcCFg0WYAamzt9MO4fVevOj+6lOaTTQDh5iV+4+XmutkdKGoDmMpe3EdqOeYJ5SC96NUb6U5CA==}
+    engines: {node: '>=14'}
+    dev: true
+
+  /@cspell/cspell-types/6.28.0:
+    resolution: {integrity: sha512-+LJ7IlD4X9eaw8fBPtHYH8g5eFIkEZssLrjAOLA2hIps5aVNZ6J6oS4lUOVdKaDjdn6qsPgTpHGZJ2rV/RSrCA==}
+    engines: {node: '>=14'}
+    dev: true
+
+  /@cspell/dict-ada/4.0.1:
+    resolution: {integrity: sha512-/E9o3nHrXOhYmQE43deKbxZcR3MIJAsa+66IzP9TXGHheKEx8b9dVMVVqydDDH8oom1H0U20NRPtu6KRVbT9xw==}
+    dev: true
+
+  /@cspell/dict-aws/3.0.0:
+    resolution: {integrity: sha512-O1W6nd5y3Z00AMXQMzfiYrIJ1sTd9fB1oLr+xf/UD7b3xeHeMeYE2OtcWbt9uyeHim4tk+vkSTcmYEBKJgS5bQ==}
+    dev: true
+
+  /@cspell/dict-bash/4.1.1:
+    resolution: {integrity: sha512-8czAa/Mh96wu2xr0RXQEGMTBUGkTvYn/Pb0o+gqOO1YW+poXGQc3gx0YPqILDryP/KCERrNvkWUJz3iGbvwC2A==}
+    dev: true
+
+  /@cspell/dict-companies/3.0.9:
+    resolution: {integrity: sha512-wSkVIJjk33Sm3LhieNv9TsSvUSeP0R/h8xx06NqbMYF43w9J8hZiMHlbB3FzaSOHRpXT5eBIJBVTeFbceZdiqg==}
+    dev: true
+
+  /@cspell/dict-cpp/4.0.3:
+    resolution: {integrity: sha512-gbXY9cUgRpb5mpw19VBy+YNUqNMlT5Dj70d8V1yIFbqPVHxccmxwdU4rlNaRyYrC41kDZwxmG7QQwcng6FdGcg==}
+    dev: true
+
+  /@cspell/dict-cryptocurrencies/3.0.1:
+    resolution: {integrity: sha512-Tdlr0Ahpp5yxtwM0ukC13V6+uYCI0p9fCRGMGZt36rWv8JQZHIuHfehNl7FB/Qc09NCF7p5ep0GXbL+sVTd/+w==}
+    dev: true
+
+  /@cspell/dict-csharp/4.0.2:
+    resolution: {integrity: sha512-1JMofhLK+4p4KairF75D3A924m5ERMgd1GvzhwK2geuYgd2ZKuGW72gvXpIV7aGf52E3Uu1kDXxxGAiZ5uVG7g==}
+    dev: true
+
+  /@cspell/dict-css/4.0.5:
+    resolution: {integrity: sha512-z5vw8nJSyKd6d3i5UmMNoVcAp0wxvs9OHWOmAeJKT9fO3tok02gK24VZhcJ0NJtiKdHQ2zRuzdfWl51wdAiY6A==}
+    dev: true
+
+  /@cspell/dict-dart/2.0.2:
+    resolution: {integrity: sha512-jigcODm7Z4IFZ4vParwwP3IT0fIgRq/9VoxkXfrxBMsLBGGM2QltHBj7pl+joX+c4cOHxfyZktGJK1B1wFtR4Q==}
+    dev: true
+
+  /@cspell/dict-django/4.0.2:
+    resolution: {integrity: sha512-L0Yw6+Yh2bE9/FAMG4gy9m752G4V8HEBjEAGeRIQ9qvxDLR9yD6dPOtgEFTjv7SWlKSrLb9wA/W3Q2GKCOusSg==}
+    dev: true
+
+  /@cspell/dict-docker/1.1.6:
+    resolution: {integrity: sha512-zCCiRTZ6EOQpBnSOm0/3rnKW1kCcAUDUA7SxJG3SuH6iZvKi3I8FEg8+O83WQUeXg0SyPNerD9F40JLnnJjJig==}
+    dev: true
+
+  /@cspell/dict-dotnet/4.0.2:
+    resolution: {integrity: sha512-Cu+Ob142tBQ2cYrpK/d3tjm/FvNXQXwdUShRIPKx03HbtUk9BoTdeFY5bX+Zz7GeV66OJCMrmpFANrtKpB8NTg==}
+    dev: true
+
+  /@cspell/dict-elixir/4.0.2:
+    resolution: {integrity: sha512-/YeHlpZ1pE9VAyxp3V0xyUPapNyC61WwFuw2RByeoMqqYaIfS3Hw+JxtimOsAKVhUvgUH58zyKl5K5Q6FqgCpw==}
+    dev: true
+
+  /@cspell/dict-en-common-misspellings/1.0.2:
+    resolution: {integrity: sha512-jg7ZQZpZH7+aAxNBlcAG4tGhYF6Ksy+QS5Df73Oo+XyckBjC9QS+PrRwLTeYoFIgXy5j3ICParK5r3MSSoL4gw==}
+    dev: true
+
+  /@cspell/dict-en-gb/1.1.33:
+    resolution: {integrity: sha512-tKSSUf9BJEV+GJQAYGw5e+ouhEe2ZXE620S7BLKe3ZmpnjlNG9JqlnaBhkIMxKnNFkLY2BP/EARzw31AZnOv4g==}
+    dev: true
+
+  /@cspell/dict-en_us/4.3.0:
+    resolution: {integrity: sha512-lQ4r8tBiylNjmYwrWz4xUgBtVC0CciKpddMUVosdusHonFE0KjlvkZK6PFtROBupmRLMBBMjxvtpbq8SdFBqCw==}
+    dev: true
+
+  /@cspell/dict-filetypes/3.0.0:
+    resolution: {integrity: sha512-Fiyp0z5uWaK0d2TfR9GMUGDKmUMAsOhGD5A0kHoqnNGswL2iw0KB0mFBONEquxU65fEnQv4R+jdM2d9oucujuA==}
+    dev: true
+
+  /@cspell/dict-fonts/3.0.1:
+    resolution: {integrity: sha512-o2zVFKT3KcIBo88xlWhG4yOD0XQDjP7guc7C30ZZcSN8YCwaNc1nGoxU3QRea8iKcwk3cXH0G53nrQur7g9DjQ==}
+    dev: true
+
+  /@cspell/dict-fullstack/3.1.4:
+    resolution: {integrity: sha512-OnCIn3GgAhdhsU6xMYes7/WXnbV6R/5k/zRAu/d+WZP4Ltf48z7oFfNFjHXH6b8ZwnMhpekLAnCeIfT5dcxRqw==}
+    dev: true
+
+  /@cspell/dict-gaming-terms/1.0.4:
+    resolution: {integrity: sha512-hbDduNXlk4AOY0wFxcDMWBPpm34rpqJBeqaySeoUH70eKxpxm+dvjpoRLJgyu0TmymEICCQSl6lAHTHSDiWKZg==}
+    dev: true
+
+  /@cspell/dict-git/2.0.0:
+    resolution: {integrity: sha512-n1AxyX5Kgxij/sZFkxFJlzn3K9y/sCcgVPg/vz4WNJ4K9YeTsUmyGLA2OQI7d10GJeiuAo2AP1iZf2A8j9aj2w==}
+    dev: true
+
+  /@cspell/dict-golang/5.0.2:
+    resolution: {integrity: sha512-TNOQzsiLv4I56w5188OnJW+2ttjekoBl8IyPpI25GeV3dky4d+TX5pujayvcKQ+SM8vV8u2lpQpvyr4YePhiQg==}
+    dev: true
+
+  /@cspell/dict-haskell/4.0.1:
+    resolution: {integrity: sha512-uRrl65mGrOmwT7NxspB4xKXFUenNC7IikmpRZW8Uzqbqcu7ZRCUfstuVH7T1rmjRgRkjcIjE4PC11luDou4wEQ==}
+    dev: true
+
+  /@cspell/dict-html-symbol-entities/4.0.0:
+    resolution: {integrity: sha512-HGRu+48ErJjoweR5IbcixxETRewrBb0uxQBd6xFGcxbEYCX8CnQFTAmKI5xNaIt2PKaZiJH3ijodGSqbKdsxhw==}
+    dev: true
+
+  /@cspell/dict-html/4.0.3:
+    resolution: {integrity: sha512-Gae8i8rrArT0UyG1I6DHDK62b7Be6QEcBSIeWOm4VIIW1CASkN9B0qFgSVnkmfvnu1Y3H7SSaaEynKjdj3cs8w==}
+    dev: true
+
+  /@cspell/dict-java/5.0.5:
+    resolution: {integrity: sha512-X19AoJgWIBwJBSWGFqSgHaBR/FEykBHTMjL6EqOnhIGEyE9nvuo32tsSHjXNJ230fQxQptEvRZoaldNLtKxsRg==}
+    dev: true
+
+  /@cspell/dict-k8s/1.0.1:
+    resolution: {integrity: sha512-gc5y4Nm3hVdMZNBZfU2M1AsAmObZsRWjCUk01NFPfGhFBXyVne41T7E62rpnzu5330FV/6b/TnFcPgRmak9lLw==}
+    dev: true
+
+  /@cspell/dict-latex/3.1.0:
+    resolution: {integrity: sha512-XD5S3FY0DrYiun2vm/KKOkeaD30LXp9v5EzVTVQvmxqQrQh0HvOT3TFD7lgKbyzZaG7E+l3wS94uwwm80cOmuw==}
+    dev: true
+
+  /@cspell/dict-lorem-ipsum/3.0.0:
+    resolution: {integrity: sha512-msEV24qEpzWZs2kcEicqYlhyBpR0amfDkJOs+iffC07si9ftqtQ+yP3lf1VFLpgqw3SQh1M1vtU7RD4sPrNlcQ==}
+    dev: true
+
+  /@cspell/dict-lua/4.0.1:
+    resolution: {integrity: sha512-j0MFmeCouSoC6EdZTbvGe1sJ9V+ruwKSeF+zRkNNNload7R72Co5kX1haW2xLHGdlq0kqSy1ODRZKdVl0e+7hg==}
+    dev: true
+
+  /@cspell/dict-node/4.0.2:
+    resolution: {integrity: sha512-FEQJ4TnMcXEFslqBQkXa5HposMoCGsiBv2ux4IZuIXgadXeHKHUHk60iarWpjhzNzQLyN2GD7NoRMd12bK3Llw==}
+    dev: true
+
+  /@cspell/dict-npm/5.0.5:
+    resolution: {integrity: sha512-eirZm4XpJNEcbmLGIwI2qXdRRlCKwEsH9mT3qCUytmbj6S6yn63F+8bShMW/yQBedV7+GXq9Td+cJdqiVutOiA==}
+    dev: true
+
+  /@cspell/dict-php/3.0.4:
+    resolution: {integrity: sha512-QX6zE/ZfnT3O5lSwV8EPVh8Va39ds34gSNNR8I4GWiuDpKcTkZPFi4OLoP3Tlhbl/3G0Ha35OkSDLvZfu8mnkA==}
+    dev: true
+
+  /@cspell/dict-powershell/4.0.2:
+    resolution: {integrity: sha512-3Wk2Z0fxpewML0zq4a9W5IsPZ0YwvzA8c6ykFdwQ0xcBQc/xRfdb9Z5drYXf9bobck1+MacGrprSeQXrmeByNQ==}
+    dev: true
+
+  /@cspell/dict-public-licenses/2.0.1:
+    resolution: {integrity: sha512-NZNwzkL5BqKddepDxvX/Qbji378Mso1TdnV4RFAN8hJoo6dSR0fv2TTI/Y0i/YWBmfmQGyTpEztBXtAw4qgjiA==}
+    dev: true
+
+  /@cspell/dict-python/4.0.1:
+    resolution: {integrity: sha512-1wtUgyaTqRiQY0/fryk0oW22lcxNUnZ5DwteTzfatMdbgR0OHXTlHbI8vYxpHLWalSoch7EpLsnaymG+fOrt8g==}
+    dev: true
+
+  /@cspell/dict-r/2.0.1:
+    resolution: {integrity: sha512-KCmKaeYMLm2Ip79mlYPc8p+B2uzwBp4KMkzeLd5E6jUlCL93Y5Nvq68wV5fRLDRTf7N1LvofkVFWfDcednFOgA==}
+    dev: true
+
+  /@cspell/dict-ruby/4.0.2:
+    resolution: {integrity: sha512-fCoQHvLhTAetzXCUZMpyoCUPFMiyLHuECIPOiuYW6TGnP2eGV9y4j2J8HAOVtkyxOKUoyK+zZgtrma64yTUMkg==}
+    dev: true
+
+  /@cspell/dict-rust/4.0.1:
+    resolution: {integrity: sha512-xJSSzHDK2z6lSVaOmMxl3PTOtfoffaxMo7fTcbZUF+SCJzfKbO6vnN9TCGX2sx1RHFDz66Js6goz6SAZQdOwaw==}
+    dev: true
+
+  /@cspell/dict-scala/4.0.1:
+    resolution: {integrity: sha512-UvdQpAugrCqRC+2wfqJ4FFKpJr+spLrrrAmqdWEgAyZNMz8ib9FkO+yoIQnNFeodzI9xVPN9Hror+MjXbb2soQ==}
+    dev: true
+
+  /@cspell/dict-software-terms/3.1.5:
+    resolution: {integrity: sha512-wmkWHHkp2AN9EDWNBLB0VASB5OtsC3KnhoAHxCJzC6AB3xjYoBfKsvgI/o50gfbsCVQceHpqXjOEYSw/xxTKNw==}
+    dev: true
+
+  /@cspell/dict-sql/2.0.2:
+    resolution: {integrity: sha512-XxUoamMFU9OGcDHLY6+pTlQDsqq9wcY7Oc4C55hqmotxFeFaaqinoD1UIAm1yDngRP7fKK4mVPPFmJI6bmspHg==}
+    dev: true
+
+  /@cspell/dict-svelte/1.0.2:
+    resolution: {integrity: sha512-rPJmnn/GsDs0btNvrRBciOhngKV98yZ9SHmg8qI6HLS8hZKvcXc0LMsf9LLuMK1TmS2+WQFAan6qeqg6bBxL2Q==}
+    dev: true
+
+  /@cspell/dict-swift/2.0.1:
+    resolution: {integrity: sha512-gxrCMUOndOk7xZFmXNtkCEeroZRnS2VbeaIPiymGRHj5H+qfTAzAKxtv7jJbVA3YYvEzWcVE2oKDP4wcbhIERw==}
+    dev: true
+
+  /@cspell/dict-typescript/3.1.1:
+    resolution: {integrity: sha512-N9vNJZoOXmmrFPR4ir3rGvnqqwmQGgOYoL1+y6D4oIhyr7FhaYiyF/d7QT61RmjZQcATMa6PSL+ZisCeRLx9+A==}
+    dev: true
+
+  /@cspell/dict-vue/3.0.0:
+    resolution: {integrity: sha512-niiEMPWPV9IeRBRzZ0TBZmNnkK3olkOPYxC1Ny2AX4TGlYRajcW0WUtoSHmvvjZNfWLSg2L6ruiBeuPSbjnG6A==}
+    dev: true
+
+  /@cspell/dynamic-import/6.28.0:
+    resolution: {integrity: sha512-drPfcTDDnWfQqSA3TqYMewocbFnPIW08/xKnouC7QFThgNocLD6TkBExa9timCATEsL7HujeAFEgMaPPTPFMqA==}
+    engines: {node: '>=14'}
+    dependencies:
+      import-meta-resolve: 2.2.1
+    dev: true
+
+  /@cspell/strong-weak-map/6.28.0:
+    resolution: {integrity: sha512-M8qffYu672xMbF3JH5TmlXydfoglhiO/Tuy2fziQHtaTRm5Qp0KrSioSvHq+3QxnmHVTa91vYuzmr6qoAxqPjQ==}
+    engines: {node: '>=14.6'}
+    dev: true
+
   /@esbuild/android-arm/0.16.17:
     resolution: {integrity: sha512-N9x1CMXVhtWEAMS7pNNONyA14f71VPQN9Cnavj1XQh6T7bskqiLLrSca4O0Vr8Wdcga943eThxnVp3JLnBMYtw==}
     engines: {node: '>=12'}
@@ -541,10 +802,6 @@ packages:
     resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
     dev: true
 
-  /@types/minimatch/3.0.5:
-    resolution: {integrity: sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==}
-    dev: true
-
   /@types/node/18.11.17:
     resolution: {integrity: sha512-HJSUJmni4BeDHhfzn6nF0sVmd1SMezP7/4F0Lq+aXzmp2xm9O7WXrUtHW/CHlYVtZUbByEvWidHqRtcJXGF2Ng==}
     dev: true
@@ -888,9 +1145,8 @@ packages:
       deep-equal: 2.1.0
     dev: true
 
-  /array-differ/3.0.0:
-    resolution: {integrity: sha512-THtfYS6KtME/yIAhKjZ2ul7XI96lQGHRputJQHO80LAWQnuGP4iCIN8vdMRboGbIEYBwU33q8Tch1os2+X0kMg==}
-    engines: {node: '>=8'}
+  /array-timsort/1.0.3:
+    resolution: {integrity: sha512-/+3GRL7dDAGEfM6TseQk/U+mi18TU2Ms9I3UlLdUMhz2hbvGNTKdj9xniwXfUqgYhHxRx0+8UnKkvlNwVU+cWQ==}
     dev: true
 
   /array-union/2.1.0:
@@ -898,11 +1154,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /arrify/2.0.1:
-    resolution: {integrity: sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==}
-    engines: {node: '>=8'}
-    dev: true
-
   /assertion-error/1.1.0:
     resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
     dev: true
@@ -1038,14 +1289,6 @@ packages:
       supports-color: 5.5.0
     dev: true
 
-  /chalk/3.0.0:
-    resolution: {integrity: sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==}
-    engines: {node: '>=8'}
-    dependencies:
-      ansi-styles: 4.3.0
-      supports-color: 7.2.0
-    dev: true
-
   /chalk/4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
@@ -1077,6 +1320,14 @@ packages:
       fsevents: 2.3.2
     dev: true
 
+  /clear-module/4.1.2:
+    resolution: {integrity: sha512-LWAxzHqdHsAZlPlEyJ2Poz6AIs384mPeqLVCru2p0BrP9G/kVGuhNyZYClLO6cXlnuJjzC8xtsJIuMjKqLXoAw==}
+    engines: {node: '>=8'}
+    dependencies:
+      parent-module: 2.0.0
+      resolve-from: 5.0.0
+    dev: true
+
   /cli-cursor/3.1.0:
     resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
     engines: {node: '>=8'}
@@ -1148,15 +1399,57 @@ packages:
       delayed-stream: 1.0.0
     dev: true
 
+  /commander/10.0.0:
+    resolution: {integrity: sha512-zS5PnTI22FIRM6ylNW8G4Ap0IEOyk62fhLSD0+uHRT9McRCLGpkVNvao4bjimpK/GShynyQkFFxHhwMcETmduA==}
+    engines: {node: '>=14'}
+    dev: true
+
+  /comment-json/4.2.3:
+    resolution: {integrity: sha512-SsxdiOf064DWoZLH799Ata6u7iV658A11PlWtZATDlXPpKGJnbJZ5Z24ybixAi+LUUqJ/GKowAejtC5GFUG7Tw==}
+    engines: {node: '>= 6'}
+    dependencies:
+      array-timsort: 1.0.3
+      core-util-is: 1.0.3
+      esprima: 4.0.1
+      has-own-prop: 2.0.0
+      repeat-string: 1.6.1
+    dev: true
+
   /concat-map/0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
     dev: true
 
+  /configstore/5.0.1:
+    resolution: {integrity: sha512-aMKprgk5YhBNyH25hj8wGt2+D52Sw1DRRIzqBwLp2Ya9mFmY8KPvvtvmna8SxVR9JMZ4kzMD68N22vlaRpkeFA==}
+    engines: {node: '>=8'}
+    dependencies:
+      dot-prop: 5.3.0
+      graceful-fs: 4.2.10
+      make-dir: 3.1.0
+      unique-string: 2.0.0
+      write-file-atomic: 3.0.3
+      xdg-basedir: 4.0.0
+    dev: true
+
   /cookie/0.5.0:
     resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
     engines: {node: '>= 0.6'}
     dev: true
 
+  /core-util-is/1.0.3:
+    resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
+    dev: true
+
+  /cosmiconfig/8.1.0:
+    resolution: {integrity: sha512-0tLZ9URlPGU7JsKq0DQOQ3FoRsYX8xDZ7xMiATQfaiGMz7EHowNkbU9u1coAOmnh9p/1ySpm0RB3JNWRXM5GCg==}
+    engines: {node: '>=14'}
+    dependencies:
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      parse-json: 5.2.0
+      path-type: 4.0.0
+    dev: true
+
   /cross-spawn/7.0.3:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
     engines: {node: '>= 8'}
@@ -1166,6 +1459,120 @@ packages:
       which: 2.0.2
     dev: true
 
+  /crypto-random-string/2.0.0:
+    resolution: {integrity: sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /cspell-dictionary/6.28.0:
+    resolution: {integrity: sha512-7RSap81rJ2JVENuErrcKqfN1rBfDN8UIJSn5uoQZj2Boz/IfV24wGs0izXcJ+jpZI9L5PoT0XpMyuT93rwo+hA==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@cspell/cspell-pipe': 6.28.0
+      '@cspell/cspell-types': 6.28.0
+      cspell-trie-lib: 6.28.0
+      fast-equals: 4.0.3
+      gensequence: 5.0.2
+    dev: true
+
+  /cspell-gitignore/6.28.0:
+    resolution: {integrity: sha512-AOlblIJsoMk8F7+CznmhUIM+jGpIP/rBFERo5yT7bF7GarO2MoONxFA5MauSDnRaIDxMuik/gCn4MzvgT8ZZgw==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dependencies:
+      cspell-glob: 6.28.0
+      find-up: 5.0.0
+    dev: true
+
+  /cspell-glob/6.28.0:
+    resolution: {integrity: sha512-588E4RdswSNRoXf9mPtDxc+aSP3rpRwmJCrLEPtV6FdbG0YJDQOAmV2jP2qRqVouWOHjZZ84HwN79jfWt1ROsA==}
+    engines: {node: '>=14'}
+    dependencies:
+      micromatch: 4.0.5
+    dev: true
+
+  /cspell-grammar/6.28.0:
+    resolution: {integrity: sha512-MQaaGn+aJxsUnYxi6yHeU0RvsD3ARo6/14aipbrx11uZYZjm8dDQVPFabW98aPjO7zd0qNuB6FBS/3FK6nbKkg==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dependencies:
+      '@cspell/cspell-pipe': 6.28.0
+      '@cspell/cspell-types': 6.28.0
+    dev: true
+
+  /cspell-io/6.28.0:
+    resolution: {integrity: sha512-h/KtXQDX1c7q/0tZvBlYe0MyaqmtJZ1dcL9kInQXrFhLnw3IPXcS3Nwux+FRj7DXJp5uXbM80hEu54z8fDnT6g==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@cspell/cspell-service-bus': 6.28.0
+      node-fetch: 2.6.9
+    transitivePeerDependencies:
+      - encoding
+    dev: true
+
+  /cspell-lib/6.28.0:
+    resolution: {integrity: sha512-J24iWuaWU3O4L+4//wS3TA/Dw1GEqzZqeKsufOlpgU+P1+VplPaoIKmKBK44nM7RBPEz+fbyUxhnksLKD1tRmQ==}
+    engines: {node: '>=14.6'}
+    dependencies:
+      '@cspell/cspell-bundled-dicts': 6.28.0
+      '@cspell/cspell-pipe': 6.28.0
+      '@cspell/cspell-types': 6.28.0
+      '@cspell/strong-weak-map': 6.28.0
+      clear-module: 4.1.2
+      comment-json: 4.2.3
+      configstore: 5.0.1
+      cosmiconfig: 8.1.0
+      cspell-dictionary: 6.28.0
+      cspell-glob: 6.28.0
+      cspell-grammar: 6.28.0
+      cspell-io: 6.28.0
+      cspell-trie-lib: 6.28.0
+      fast-equals: 4.0.3
+      find-up: 5.0.0
+      gensequence: 5.0.2
+      import-fresh: 3.3.0
+      resolve-from: 5.0.0
+      resolve-global: 1.0.0
+      vscode-languageserver-textdocument: 1.0.8
+      vscode-uri: 3.0.7
+    transitivePeerDependencies:
+      - encoding
+    dev: true
+
+  /cspell-trie-lib/6.28.0:
+    resolution: {integrity: sha512-pF+C60Fdclg5oxXdnyA2biP6WjckaTs/eNMPTxbmQOEAraujZVyGFL3b464dwW9dJ8Qz1FuQc7fhQADelN2LrA==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@cspell/cspell-pipe': 6.28.0
+      '@cspell/cspell-types': 6.28.0
+      gensequence: 5.0.2
+    dev: true
+
+  /cspell/6.28.0:
+    resolution: {integrity: sha512-HPw7bO0H6l8vXyUF0Ybp9IucVt15Og8YsOfQ4RIaCLU9uJP4RgwjwHVPnCJiQvhC5s4Zbw1WzX/+J8PP83oIUg==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dependencies:
+      '@cspell/cspell-pipe': 6.28.0
+      '@cspell/dynamic-import': 6.28.0
+      chalk: 4.1.2
+      commander: 10.0.0
+      cspell-gitignore: 6.28.0
+      cspell-glob: 6.28.0
+      cspell-io: 6.28.0
+      cspell-lib: 6.28.0
+      fast-glob: 3.2.12
+      fast-json-stable-stringify: 2.1.0
+      file-entry-cache: 6.0.1
+      get-stdin: 8.0.0
+      imurmurhash: 0.1.4
+      semver: 7.3.8
+      strip-ansi: 6.0.1
+      vscode-uri: 3.0.7
+    transitivePeerDependencies:
+      - encoding
+    dev: true
+
   /css-selector-tokenizer/0.8.0:
     resolution: {integrity: sha512-Jd6Ig3/pe62/qe5SBPTN8h8LeUg/pT4lLgtavPf7updwwHpvFzxvOQBHYj2LZDMjUnBzgvIUSjRcf6oT5HzHFg==}
     dependencies:
@@ -1354,6 +1761,13 @@ packages:
       webidl-conversions: 7.0.0
     dev: true
 
+  /dot-prop/5.3.0:
+    resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
+    engines: {node: '>=8'}
+    dependencies:
+      is-obj: 2.0.0
+    dev: true
+
   /eastasianwidth/0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
     dev: true
@@ -1370,17 +1784,17 @@ packages:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
     dev: true
 
-  /end-of-stream/1.4.4:
-    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
-    dependencies:
-      once: 1.4.0
-    dev: true
-
   /entities/4.4.0:
     resolution: {integrity: sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==}
     engines: {node: '>=0.12'}
     dev: true
 
+  /error-ex/1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+    dependencies:
+      is-arrayish: 0.2.1
+    dev: true
+
   /es-get-iterator/1.1.2:
     resolution: {integrity: sha512-+DTO8GYwbMCwbywjimwZMHp8AuYXOS2JZFWoi2AlPOS3ebnII9w/NLpNZtA7A0YLaVDw+O7KFCeoIV7OPvM7hQ==}
     dependencies:
@@ -1608,21 +2022,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /execa/4.1.0:
-    resolution: {integrity: sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==}
-    engines: {node: '>=10'}
-    dependencies:
-      cross-spawn: 7.0.3
-      get-stream: 5.2.0
-      human-signals: 1.1.1
-      is-stream: 2.0.1
-      merge-stream: 2.0.0
-      npm-run-path: 4.0.1
-      onetime: 5.1.2
-      signal-exit: 3.0.7
-      strip-final-newline: 2.0.0
-    dev: true
-
   /extend/3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
     dev: true
@@ -1640,6 +2039,10 @@ packages:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
     dev: true
 
+  /fast-equals/4.0.3:
+    resolution: {integrity: sha512-G3BSX9cfKttjr+2o1O22tYMLq0DPluZnYtq1rXumE1SpL/F/SLIfHx08WYQoWSIpeMYf8sRbJ8++71+v6Pnxfg==}
+    dev: true
+
   /fast-glob/3.2.12:
     resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==}
     engines: {node: '>=8.6.0'}
@@ -1761,6 +2164,11 @@ packages:
     resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
     dev: true
 
+  /gensequence/5.0.2:
+    resolution: {integrity: sha512-JlKEZnFc6neaeSVlkzBGGgkIoIaSxMgvdamRoPN8r3ozm2r9dusqxeKqYQ7lhzmj2UhFQP8nkyfCaiLQxiLrDA==}
+    engines: {node: '>=14'}
+    dev: true
+
   /get-caller-file/2.0.5:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
     engines: {node: 6.* || 8.* || >= 10.*}
@@ -1778,11 +2186,9 @@ packages:
       has-symbols: 1.0.3
     dev: true
 
-  /get-stream/5.2.0:
-    resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==}
-    engines: {node: '>=8'}
-    dependencies:
-      pump: 3.0.0
+  /get-stdin/8.0.0:
+    resolution: {integrity: sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==}
+    engines: {node: '>=10'}
     dev: true
 
   /github-slugger/2.0.0:
@@ -1814,6 +2220,13 @@ packages:
       path-is-absolute: 1.0.1
     dev: true
 
+  /global-dirs/0.1.1:
+    resolution: {integrity: sha512-NknMLn7F2J7aflwFOlGdNIuCDpN3VGoSoB+aap3KABFWbHVn1TCgFC+np23J8W2BiZbjfEw3BFBycSMv1AFblg==}
+    engines: {node: '>=4'}
+    dependencies:
+      ini: 1.3.8
+    dev: true
+
   /globals/13.19.0:
     resolution: {integrity: sha512-dkQ957uSRWHw7CFXLUtUHQI3g3aWApYhfNR2O6jn/907riyTYKVBmxYVROkBcY614FSSeSJh7Xm7SrUWCxvJMQ==}
     engines: {node: '>=8'}
@@ -1869,6 +2282,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /has-own-prop/2.0.0:
+    resolution: {integrity: sha512-Pq0h+hvsVm6dDEa8x82GnLSYHOzNDt7f0ddFa3FqcQlgzEiptPqL+XrOJNavjOzSYiYWIrgeVYYgGlLmnxwilQ==}
+    engines: {node: '>=8'}
+    dev: true
+
   /has-property-descriptors/1.0.0:
     resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==}
     dependencies:
@@ -1945,17 +2363,6 @@ packages:
       - supports-color
     dev: true
 
-  /human-signals/1.1.1:
-    resolution: {integrity: sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==}
-    engines: {node: '>=8.12.0'}
-    dev: true
-
-  /husky/8.0.3:
-    resolution: {integrity: sha512-+dQSyqPh4x1hlO1swXBiNb2HzTDN1I2IGLQx1GrBuiqFJfoMrnZWwVmatvSiO+Iz8fBUnf+lekwNo4c2LlXItg==}
-    engines: {node: '>=14'}
-    hasBin: true
-    dev: true
-
   /iconv-lite/0.4.24:
     resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
     engines: {node: '>=0.10.0'}
@@ -2003,6 +2410,10 @@ packages:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
     dev: true
 
+  /ini/1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+    dev: true
+
   /inquirer/7.3.3:
     resolution: {integrity: sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==}
     engines: {node: '>=8.0.0'}
@@ -2030,6 +2441,10 @@ packages:
       has-tostringtag: 1.0.0
     dev: true
 
+  /is-arrayish/0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+    dev: true
+
   /is-arrayish/0.3.2:
     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
     dev: true
@@ -2116,6 +2531,11 @@ packages:
     engines: {node: '>=0.12.0'}
     dev: true
 
+  /is-obj/2.0.0:
+    resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
+    engines: {node: '>=8'}
+    dev: true
+
   /is-path-inside/3.0.3:
     resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
     engines: {node: '>=8'}
@@ -2142,11 +2562,6 @@ packages:
     resolution: {integrity: sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==}
     dev: true
 
-  /is-stream/2.0.1:
-    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
-    engines: {node: '>=8'}
-    dev: true
-
   /is-string/1.0.7:
     resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
     engines: {node: '>= 0.4'}
@@ -2172,6 +2587,10 @@ packages:
       has-tostringtag: 1.0.0
     dev: true
 
+  /is-typedarray/1.0.0:
+    resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==}
+    dev: true
+
   /is-weakmap/2.0.1:
     resolution: {integrity: sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==}
     dev: true
@@ -2256,6 +2675,10 @@ packages:
       pegjs: 0.10.0
     dev: true
 
+  /json-parse-even-better-errors/2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+    dev: true
+
   /json-schema-traverse/0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
     dev: true
@@ -2294,6 +2717,10 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /lines-and-columns/1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+    dev: true
+
   /local-pkg/0.4.2:
     resolution: {integrity: sha512-mlERgSPrbxU3BP4qBqAvvwlgW4MTg78iwJdGGnv7kibKjWcJksrG3t6LB5lXI93wXRDvG4NpUgJFmTG4T6rdrg==}
     engines: {node: '>=14'}
@@ -2360,6 +2787,13 @@ packages:
       '@jridgewell/sourcemap-codec': 1.4.14
     dev: true
 
+  /make-dir/3.1.0:
+    resolution: {integrity: sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==}
+    engines: {node: '>=8'}
+    dependencies:
+      semver: 6.3.0
+    dev: true
+
   /mdsvex/0.10.6_svelte@3.55.1:
     resolution: {integrity: sha512-aGRDY0r5jx9+OOgFdyB9Xm3EBr9OUmcrTDPWLB7a7g8VPRxzPy4MOBmcVYgz7ErhAJ7bZ/coUoj6aHio3x/2mA==}
     peerDependencies:
@@ -2372,10 +2806,6 @@ packages:
       vfile-message: 2.0.4
     dev: true
 
-  /merge-stream/2.0.0:
-    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
-    dev: true
-
   /merge2/1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
@@ -2457,17 +2887,6 @@ packages:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
     dev: true
 
-  /multimatch/4.0.0:
-    resolution: {integrity: sha512-lDmx79y1z6i7RNx0ZGCPq1bzJ6ZoDDKbvh7jxr9SJcWLkShMzXrHbYVpTdnhNM5MXpDUxCQ4DgqVttVXlBgiBQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      '@types/minimatch': 3.0.5
-      array-differ: 3.0.0
-      array-union: 2.1.0
-      arrify: 2.0.1
-      minimatch: 3.1.2
-    dev: true
-
   /mute-stream/0.0.8:
     resolution: {integrity: sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==}
     dev: true
@@ -2505,6 +2924,18 @@ packages:
       whatwg-url: 5.0.0
     dev: true
 
+  /node-fetch/2.6.9:
+    resolution: {integrity: sha512-DJm/CJkZkRjKKj4Zi4BsKVZh3ValV5IR5s7LVZnW+6YMh0W1BfNA8XSs6DLMGYlId5F3KnA70uu2qepcR08Qqg==}
+    engines: {node: 4.x || >=6.0.0}
+    peerDependencies:
+      encoding: ^0.1.0
+    peerDependenciesMeta:
+      encoding:
+        optional: true
+    dependencies:
+      whatwg-url: 5.0.0
+    dev: true
+
   /node-releases/2.0.8:
     resolution: {integrity: sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A==}
     dev: true
@@ -2519,13 +2950,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /npm-run-path/4.0.1:
-    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
-    engines: {node: '>=8'}
-    dependencies:
-      path-key: 3.1.1
-    dev: true
-
   /nwsapi/2.2.2:
     resolution: {integrity: sha512-90yv+6538zuvUMnN+zCr8LuV6bPFdq50304114vJYJ8RDyK8D5O9Phpbd6SZWgI7PwzmmfN1upeOJlvybDSgCw==}
     dev: true
@@ -2651,6 +3075,23 @@ packages:
       callsites: 3.1.0
     dev: true
 
+  /parent-module/2.0.0:
+    resolution: {integrity: sha512-uo0Z9JJeWzv8BG+tRcapBKNJ0dro9cLyczGzulS6EfeyAdeC9sbojtW6XwvYxJkEne9En+J2XEl4zyglVeIwFg==}
+    engines: {node: '>=8'}
+    dependencies:
+      callsites: 3.1.0
+    dev: true
+
+  /parse-json/5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@babel/code-frame': 7.18.6
+      error-ex: 1.3.2
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+    dev: true
+
   /parse5/7.1.2:
     resolution: {integrity: sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==}
     dependencies:
@@ -2865,22 +3306,6 @@ packages:
       react-is: 17.0.2
     dev: true
 
-  /pretty-quick/3.1.3_prettier@2.8.4:
-    resolution: {integrity: sha512-kOCi2FJabvuh1as9enxYmrnBC6tVMoVOenMaBqRfsvBHB0cbpYHjdQEpSglpASDFEXVwplpcGR4CLEaisYAFcA==}
-    engines: {node: '>=10.13'}
-    hasBin: true
-    peerDependencies:
-      prettier: '>=2.0.0'
-    dependencies:
-      chalk: 3.0.0
-      execa: 4.1.0
-      find-up: 4.1.0
-      ignore: 5.2.1
-      mri: 1.2.0
-      multimatch: 4.0.0
-      prettier: 2.8.4
-    dev: true
-
   /prism-svelte/0.4.7:
     resolution: {integrity: sha512-yABh19CYbM24V7aS7TuPYRNMqthxwbvx6FF/Rw920YbyBWO3tnyPIqRMgHuSVsLmuHkkBS1Akyof463FVdkeDQ==}
     dev: true
@@ -2894,13 +3319,6 @@ packages:
     resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
     dev: true
 
-  /pump/3.0.0:
-    resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
-    dependencies:
-      end-of-stream: 1.4.4
-      once: 1.4.0
-    dev: true
-
   /punycode/2.1.1:
     resolution: {integrity: sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==}
     engines: {node: '>=6'}
@@ -2978,6 +3396,11 @@ packages:
       unist-util-visit: 4.1.1
     dev: true
 
+  /repeat-string/1.6.1:
+    resolution: {integrity: sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==}
+    engines: {node: '>=0.10'}
+    dev: true
+
   /require-directory/2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
     engines: {node: '>=0.10.0'}
@@ -2996,6 +3419,18 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
+  /resolve-from/5.0.0:
+    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /resolve-global/1.0.0:
+    resolution: {integrity: sha512-zFa12V4OLtT5XUX/Q4VLvTfBf+Ok0SPc1FNGM/z9ctUdiU618qwKpWnd0CHs3+RqROfyEg/DhuHbMWYqcgljEw==}
+    engines: {node: '>=8'}
+    dependencies:
+      global-dirs: 0.1.1
+    dev: true
+
   /resolve/1.22.1:
     resolution: {integrity: sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==}
     hasBin: true
@@ -3085,6 +3520,11 @@ packages:
       xmlchars: 2.2.0
     dev: true
 
+  /semver/6.3.0:
+    resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==}
+    hasBin: true
+    dev: true
+
   /semver/7.3.8:
     resolution: {integrity: sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==}
     engines: {node: '>=10'}
@@ -3222,11 +3662,6 @@ packages:
       ansi-regex: 6.0.1
     dev: true
 
-  /strip-final-newline/2.0.0:
-    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
-    engines: {node: '>=6'}
-    dev: true
-
   /strip-indent/3.0.0:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
     engines: {node: '>=8'}
@@ -3529,6 +3964,12 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /typedarray-to-buffer/3.1.5:
+    resolution: {integrity: sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==}
+    dependencies:
+      is-typedarray: 1.0.0
+    dev: true
+
   /typescript/4.9.5:
     resolution: {integrity: sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==}
     engines: {node: '>=4.2.0'}
@@ -3558,6 +3999,13 @@ packages:
       vfile: 5.3.6
     dev: true
 
+  /unique-string/2.0.0:
+    resolution: {integrity: sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==}
+    engines: {node: '>=8'}
+    dependencies:
+      crypto-random-string: 2.0.0
+    dev: true
+
   /unist-util-is/5.1.1:
     resolution: {integrity: sha512-F5CZ68eYzuSvJjGhCLPL3cYx45IxkqXSetCcRgUXtbcm50X2L9oOWQlfUfDdAf+6Pd27YDblBfdtmsThXmwpbQ==}
     dev: true
@@ -3801,6 +4249,14 @@ packages:
       - terser
     dev: true
 
+  /vscode-languageserver-textdocument/1.0.8:
+    resolution: {integrity: sha512-1bonkGqQs5/fxGT5UchTgjGVnfysL0O8v1AYMBjqTbWQTFn721zaPGDYFkOKtfDgFiSgXM3KwaG3FMGfW4Ed9Q==}
+    dev: true
+
+  /vscode-uri/3.0.7:
+    resolution: {integrity: sha512-eOpPHogvorZRobNqJGhapa0JdwaxpjVvyBp0QIUMRMSf8ZAlqOdEquKuRmw9Qwu0qXtJIWqFtMkmvJjUZmMjVA==}
+    dev: true
+
   /w3c-xmlserializer/4.0.0:
     resolution: {integrity: sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==}
     engines: {node: '>=14'}
@@ -3914,6 +4370,15 @@ packages:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
     dev: true
 
+  /write-file-atomic/3.0.3:
+    resolution: {integrity: sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==}
+    dependencies:
+      imurmurhash: 0.1.4
+      is-typedarray: 1.0.0
+      signal-exit: 3.0.7
+      typedarray-to-buffer: 3.1.5
+    dev: true
+
   /ws/8.11.0:
     resolution: {integrity: sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==}
     engines: {node: '>=10.0.0'}
@@ -3927,6 +4392,11 @@ packages:
         optional: true
     dev: true
 
+  /xdg-basedir/4.0.0:
+    resolution: {integrity: sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q==}
+    engines: {node: '>=8'}
+    dev: true
+
   /xml-name-validator/4.0.0:
     resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
     engines: {node: '>=12'}

From 83e43e43cc0003f3faeff2c48778aa9d04b16624 Mon Sep 17 00:00:00 2001
From: spences10 <spences10apps@gmail.com>
Date: Tue, 7 Mar 2023 20:53:59 +0000
Subject: [PATCH 4/6] ci: :construction_worker: update CI to use cache

include spelling check
---
 .github/workflows/unit-test.yml | 28 ++++++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/.github/workflows/unit-test.yml b/.github/workflows/unit-test.yml
index 2f75fb90..b6229422 100644
--- a/.github/workflows/unit-test.yml
+++ b/.github/workflows/unit-test.yml
@@ -1,19 +1,33 @@
 name: 'Tests: Unit'
 on:
-  - push
-  - pull_request
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+    types: [opened, synchronize]
+
 jobs:
-  unit_tests:
+  unit-tests:
     name: Run unit tests
     runs-on: ubuntu-latest
+
     steps:
+      - uses: actions/cache@v3
+        with:
+          path: ~/.pnpm-store
+          key:
+            ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-
+      - uses: actions/checkout@v3
       - uses: pnpm/action-setup@v2.2.4
         with:
           version: 6.0.2
-      - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
-      - name: Install pnpm
-        run: pnpm i
+        with:
+          node-version: 18.x
+      - name: Install dependencies
+        run: pnpm install
       - name: Build
         run: pnpm run build
         env:
@@ -21,3 +35,5 @@ jobs:
           PUBLIC_FATHOM_URL: ${{ secrets.PUBLIC_FATHOM_URL }}
       - name: Test
         run: pnpm run test:ci
+      - name: Check spelling
+        run: pnpm run cspell

From 565b872210fb1061c43a91d041127c7d92449e13 Mon Sep 17 00:00:00 2001
From: spences10 <spences10apps@gmail.com>
Date: Tue, 7 Mar 2023 20:55:14 +0000
Subject: [PATCH 5/6] style: :art: update prettier config

run prettier
---
 .eslintrc.cjs                               |  44 ++---
 .github/ISSUE_TEMPLATE/bug_report.md        |  23 ++-
 .github/ISSUE_TEMPLATE/feature_request.md   |  11 +-
 .prettierignore                             |  13 ++
 .prettierrc                                 |  18 +-
 .vscode/extensions.json                     |  14 +-
 .vscode/settings.json                       |  38 +---
 CONTRIBUTING.md                             |   2 +-
 README.md                                   |  10 +-
 mdsvex.config.js                            |  28 +--
 playwright.config.ts                        |   8 +-
 postcss.config.cjs                          |  12 +-
 renovate.json                               |   4 +-
 src/app.css                                 |  36 ++--
 src/app.d.ts                                |  16 +-
 src/app.html                                |  24 +--
 src/lib/components/buzzsprout.svelte        |  38 ++--
 src/lib/components/buzzsprout.test.ts       |  16 +-
 src/lib/components/code-pen.svelte          |  54 +++---
 src/lib/components/code-pen.test.ts         |  16 +-
 src/lib/components/deezer.svelte            |  32 ++--
 src/lib/components/deezer.test.ts           |  16 +-
 src/lib/components/general-observer.svelte  |  80 ++++-----
 src/lib/components/general-observer.test.ts |  16 +-
 src/lib/components/generic-embed.svelte     |  14 +-
 src/lib/components/generic-embed.test.ts    |  16 +-
 src/lib/components/gist.svelte              |  34 ++--
 src/lib/components/gist.test.ts             |  16 +-
 src/lib/components/guild.svelte             |  60 +++----
 src/lib/components/guild.test.ts            |  16 +-
 src/lib/components/relive.svelte            |  32 ++--
 src/lib/components/relive.test.ts           |  16 +-
 src/lib/components/simple-cast.svelte       |  38 ++--
 src/lib/components/simple-cast.test.ts      |  16 +-
 src/lib/components/slides.svelte            |  62 +++----
 src/lib/components/slides.test.ts           |  16 +-
 src/lib/components/sound-cloud.svelte       |  28 +--
 src/lib/components/sound-cloud.test.ts      |  16 +-
 src/lib/components/spotify.svelte           |  28 +--
 src/lib/components/spotify.test.ts          |  16 +-
 src/lib/components/stackblitz.svelte        |  68 +++----
 src/lib/components/stackblitz.test.ts       |  16 +-
 src/lib/components/toot.svelte              |  40 +++--
 src/lib/components/toot.test.ts             |  10 +-
 src/lib/components/tweet.svelte             |  21 +--
 src/lib/components/tweet.test.ts            |  10 +-
 src/lib/components/vimeo.svelte             |  42 ++---
 src/lib/components/vimeo.test.ts            |  16 +-
 src/lib/components/you-tube.svelte          |  68 +++----
 src/lib/components/you-tube.test.ts         |  16 +-
 src/lib/components/zencastr.svelte          |  54 +++---
 src/lib/components/zencastr.test.ts         |  10 +-
 src/lib/icons/git-hub.svelte                |  26 +--
 src/lib/icons/twitter.svelte                |  18 +-
 src/lib/icons/you-tube.svelte               |  18 +-
 src/lib/utils/index.ts                      |  16 +-
 src/prism.css                               | 100 +++++------
 src/routes/+layout.svelte                   | 190 ++++++++++----------
 src/routes/+page.md                         |  34 ++--
 svelte.config.js                            |  24 +--
 tailwind.config.cjs                         |  16 +-
 tests/test.ts                               |   4 +-
 tsconfig.json                               |  30 ++--
 vite.config.js                              |  26 +--
 64 files changed, 931 insertions(+), 935 deletions(-)
 create mode 100644 .prettierignore

diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index ea55716b..b342af39 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -1,24 +1,24 @@
 module.exports = {
-  root: true,
-  parser: '@typescript-eslint/parser',
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'prettier',
-  ],
-  plugins: ['svelte3', '@typescript-eslint'],
-  ignorePatterns: ['*.cjs'],
-  overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
-  settings: {
-    'svelte3/typescript': () => require('typescript'),
-  },
-  parserOptions: {
-    sourceType: 'module',
-    ecmaVersion: 2020,
-  },
-  env: {
-    browser: true,
-    es2017: true,
-    node: true,
-  },
+	root: true,
+	parser: '@typescript-eslint/parser',
+	extends: [
+		'eslint:recommended',
+		'plugin:@typescript-eslint/recommended',
+		'prettier',
+	],
+	plugins: ['svelte3', '@typescript-eslint'],
+	ignorePatterns: ['*.cjs'],
+	overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
+	settings: {
+		'svelte3/typescript': () => require('typescript'),
+	},
+	parserOptions: {
+		sourceType: 'module',
+		ecmaVersion: 2020,
+	},
+	env: {
+		browser: true,
+		es2017: true,
+		node: true,
+	},
 }
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index dd84ea78..68611ca8 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -4,35 +4,42 @@ about: Create a report to help us improve
 title: ''
 labels: ''
 assignees: ''
-
 ---
 
 **Describe the bug**
+
 A clear and concise description of what the bug is.
 
 **To Reproduce**
+
 Steps to reproduce the behavior:
+
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
 4. See error
 
 **Expected behavior**
+
 A clear and concise description of what you expected to happen.
 
 **Screenshots**
+
 If applicable, add screenshots to help explain your problem.
 
 **Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
+
+- OS: [e.g. iOS]
+- Browser [e.g. chrome, safari]
+- Version [e.g. 22]
 
 **Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
+
+- Device: [e.g. iPhone6]
+- OS: [e.g. iOS8.1]
+- Browser [e.g. stock browser, safari]
+- Version [e.g. 22]
 
 **Additional context**
+
 Add any other context about the problem here.
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
index bbcbbe7d..1369182b 100644
--- a/.github/ISSUE_TEMPLATE/feature_request.md
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -4,17 +4,22 @@ about: Suggest an idea for this project
 title: ''
 labels: ''
 assignees: ''
-
 ---
 
 **Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+A clear and concise description of what the problem is. Ex. I'm always
+frustrated when [...]
 
 **Describe the solution you'd like**
+
 A clear and concise description of what you want to happen.
 
 **Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
+
+A clear and concise description of any alternative solutions or
+features you've considered.
 
 **Additional context**
+
 Add any other context or screenshots about the feature request here.
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 00000000..38972655
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
diff --git a/.prettierrc b/.prettierrc
index a61f53f2..959372db 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,8 +1,14 @@
 {
-  "singleQuote": true,
-  "semi": false,
-  "trailingComma": "es5",
-  "printWidth": 70,
-  "arrowParens": "avoid",
-  "proseWrap": "always"
+	"useTabs": true,
+	"singleQuote": true,
+	"semi": false,
+	"trailingComma": "es5",
+	"printWidth": 70,
+	"arrowParens": "avoid",
+	"proseWrap": "always",
+	"plugins": ["prettier-plugin-svelte"],
+	"pluginSearchDirs": ["."],
+	"overrides": [
+		{ "files": "*.svelte", "options": { "parser": "svelte" } }
+	]
 }
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index c0328744..f95fab72 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,9 +1,9 @@
 {
-  "recommendations": [
-    "streetsidesoftware.code-spell-checker",
-    "fivethree.vscode-svelte-snippets",
-    "svelte.svelte-vscode",
-    "ardenivanov.svelte-intellisense",
-    "bradlc.vscode-tailwindcss"
-  ]
+	"recommendations": [
+		"streetsidesoftware.code-spell-checker",
+		"fivethree.vscode-svelte-snippets",
+		"svelte.svelte-vscode",
+		"ardenivanov.svelte-intellisense",
+		"bradlc.vscode-tailwindcss"
+	]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 9897325a..4bce4669 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,34 +1,8 @@
 {
-  "css.validate": false,
-  "editor.codeActionsOnSave": {
-    "source.organizeImports": true
-  },
-  "git.enableSmartCommit": true,
-  "git.postCommitCommand": "sync",
-  "cSpell.words": [
-    "adamwathan",
-    "allowtransparency",
-    "atrule",
-    "Cahllagerfeld",
-    "daisyui",
-    "deezer",
-    "Drasner",
-    "Drasner's",
-    "iframe",
-    "Mandal",
-    "mdsvex",
-    "noopener",
-    "pauliescanlon",
-    "purrfect",
-    "sdras",
-    "Souvik",
-    "spencee",
-    "spences",
-    "sveltejs",
-    "sveltkit",
-    "vieria",
-    "vite",
-    "zencastr",
-    "Zrzbx"
-  ]
+	"css.validate": false,
+	"editor.codeActionsOnSave": {
+		"source.organizeImports": true
+	},
+	"git.enableSmartCommit": true,
+	"git.postCommitCommand": "sync"
 }
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 55954e6c..3dde8e0e 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -17,4 +17,4 @@ export to `src/lib/index.ts`.
 <!-- Links -->
 
 [discussions]:
-  https://github.com/spences10/sveltekit-embed/discussions/new
+	https://github.com/spences10/sveltekit-embed/discussions/new
diff --git a/README.md b/README.md
index 4f1f381b..800e9fae 100644
--- a/README.md
+++ b/README.md
@@ -27,12 +27,12 @@ Use like a normal Svelte component:
 
 ```html
 <script>
-  import { AnchorFm } from 'sveltekit-embed'
+	import { AnchorFm } from 'sveltekit-embed'
 </script>
 
 <AnchorFm
-  height="165"
-  episodeUrl="purrfect-dev/embed/episodes/1-31---Delivering-Digital-Content-with-GraphCMS-e14g55c/a-a650v9a"
+	height="165"
+	episodeUrl="purrfect-dev/embed/episodes/1-31---Delivering-Digital-Content-with-GraphCMS-e14g55c/a-a650v9a"
 />
 ```
 
@@ -92,7 +92,7 @@ export { default as MyComponent } from './components/my-component.svelte'
 Import the component locally into the `src/routes/+page.md` file:
 
 ```svelte
-import { MyComponent } from '$lib'
+import {MyComponent} from '$lib'
 ```
 
 After importing the component, add it to the
@@ -154,7 +154,7 @@ the instructions are never there! 😅
 npm login
 # bump version with npm
 npm version 0.0.8
-# package with sveltkit
+# package with sveltekit
 pnpm run package
 # publish from package directory
 cd package
diff --git a/mdsvex.config.js b/mdsvex.config.js
index 7c45e358..36f8272a 100644
--- a/mdsvex.config.js
+++ b/mdsvex.config.js
@@ -3,22 +3,22 @@ import autolinkHeadings from 'rehype-autolink-headings'
 import slugPlugin from 'rehype-slug'
 
 const config = defineConfig({
-  extensions: ['.svelte.md', '.md', '.svx'],
+	extensions: ['.svelte.md', '.md', '.svx'],
 
-  smartypants: {
-    dashes: 'oldschool',
-  },
+	smartypants: {
+		dashes: 'oldschool',
+	},
 
-  remarkPlugins: [],
-  rehypePlugins: [
-    slugPlugin,
-    [
-      autolinkHeadings,
-      {
-        behavior: 'wrap',
-      },
-    ],
-  ],
+	remarkPlugins: [],
+	rehypePlugins: [
+		slugPlugin,
+		[
+			autolinkHeadings,
+			{
+				behavior: 'wrap',
+			},
+		],
+	],
 })
 
 export default config
diff --git a/playwright.config.ts b/playwright.config.ts
index 88f9c3b4..50b35f62 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -1,10 +1,10 @@
 import type { PlaywrightTestConfig } from '@playwright/test'
 
 const config: PlaywrightTestConfig = {
-  webServer: {
-    command: 'npm run build && npm run preview',
-    port: 4173,
-  },
+	webServer: {
+		command: 'npm run build && npm run preview',
+		port: 4173,
+	},
 }
 
 export default config
diff --git a/postcss.config.cjs b/postcss.config.cjs
index 08b72087..37944683 100644
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@@ -2,12 +2,12 @@ const tailwindcss = require('tailwindcss')
 const autoprefixer = require('autoprefixer')
 
 const config = {
-  plugins: [
-    //Some plugins, like tailwindcss/nesting, need to run before Tailwind,
-    tailwindcss(),
-    //But others, like autoprefixer, need to run after,
-    autoprefixer,
-  ],
+	plugins: [
+		//Some plugins, like tailwindcss/nesting, need to run before Tailwind,
+		tailwindcss(),
+		//But others, like autoprefixer, need to run after,
+		autoprefixer,
+	],
 }
 
 module.exports = config
diff --git a/renovate.json b/renovate.json
index f45d8f11..989cc91e 100644
--- a/renovate.json
+++ b/renovate.json
@@ -1,5 +1,3 @@
 {
-  "extends": [
-    "config:base"
-  ]
+	"extends": ["config:base"]
 }
diff --git a/src/app.css b/src/app.css
index 3e04a968..e32389ac 100644
--- a/src/app.css
+++ b/src/app.css
@@ -2,9 +2,9 @@
 @tailwind base;
 
 html {
-  scroll-behavior: smooth;
-  /* margin-left: calc(100vw - 100%); */
-  word-break: break-word;
+	scroll-behavior: smooth;
+	/* margin-left: calc(100vw - 100%); */
+	word-break: break-word;
 }
 
 /* 
@@ -12,41 +12,41 @@ html {
   for the scroll bar colours 
 */
 :root {
-  /* Default is Night */
-  --primary: #38bdf8;
-  --secondary: #818cf8;
+	/* Default is Night */
+	--primary: #38bdf8;
+	--secondary: #818cf8;
 }
 [data-theme='night'] {
-  --primary: #38bdf8;
-  --secondary: #818cf8;
+	--primary: #38bdf8;
+	--secondary: #818cf8;
 }
 [data-theme='winter'] {
-  --primary: #047aff;
-  --secondary: #463aa2;
+	--primary: #047aff;
+	--secondary: #463aa2;
 }
 
 /* Scrollbar styles */
 
 /* Firefox */
 * {
-  scrollbar-width: thin;
-  scrollbar-color: var(--secondary) var(--primary);
+	scrollbar-width: thin;
+	scrollbar-color: var(--secondary) var(--primary);
 }
 
 /* Chrome, Edge, and Safari */
 *::-webkit-scrollbar {
-  width: 15px;
+	width: 15px;
 }
 
 *::-webkit-scrollbar-track {
-  background: var(--primary);
-  border-radius: 5px;
+	background: var(--primary);
+	border-radius: 5px;
 }
 
 *::-webkit-scrollbar-thumb {
-  background-color: var(--secondary);
-  border-radius: 14px;
-  border: 3px solid var(--primary);
+	background-color: var(--secondary);
+	border-radius: 14px;
+	border: 3px solid var(--primary);
 }
 
 @tailwind components;
diff --git a/src/app.d.ts b/src/app.d.ts
index caf419f2..121720c5 100644
--- a/src/app.d.ts
+++ b/src/app.d.ts
@@ -3,16 +3,8 @@
 // See https://kit.svelte.dev/docs/types#app
 // for information about these interfaces
 declare namespace App {
-  // interface Locals {}
-  // interface Platform {}
-  // interface Session {}
-  // interface Stuff {}
-}
-
-// https://stackoverflow.com/questions/73025100/svelte-svelte-kit-type-custom-action-event-with-typescript
-// https://github.com/sveltejs/language-tools/blob/master/docs/preprocessors/typescript.md#im-getting-deprecation-warnings-for-sveltejsx--i-want-to-migrate-to-the-new-typings
-declare namespace svelteHTML {
-  interface HTMLAttributes<T> {
-    'on:enterViewport'?: (event: any) => any
-  }
+	// interface Locals {}
+	// interface Platform {}
+	// interface Session {}
+	// interface Stuff {}
 }
diff --git a/src/app.html b/src/app.html
index 81271dad..0a734cdc 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,15 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%sveltekit.assets%/favicon.png" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1"
-    />
-    %sveltekit.head%
-  </head>
-  <body>
-    <div>%sveltekit.body%</div>
-  </body>
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<meta
+			name="viewport"
+			content="width=device-width"
+		/>
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
 </html>
diff --git a/src/lib/components/buzzsprout.svelte b/src/lib/components/buzzsprout.svelte
index f9a95308..b3274e25 100644
--- a/src/lib/components/buzzsprout.svelte
+++ b/src/lib/components/buzzsprout.svelte
@@ -1,35 +1,35 @@
 <script lang="ts">
-  import GeneralObserver from './general-observer.svelte'
+	import GeneralObserver from './general-observer.svelte'
 
-  export let buzzsproutId: string
-  export let width: string = '100'
-  export let height: string = '200'
+	export let buzzsproutId: string
+	export let width: string = '100'
+	export let height: string = '200'
 </script>
 
 <GeneralObserver>
-  <div
-    class="buzzsprout-sveltekit-embed"
-    style={`
+	<div
+		class="buzzsprout-sveltekit-embed"
+		style={`
       position: relative; 
       height: ${height}px;
       width: ${width}%;
     `}
-  >
-    <iframe
-      data-testid="buzzsprout"
-      title={`buzzsprout-${buzzsproutId}`}
-      src={`https://www.buzzsprout.com/${buzzsproutId}?client_source=admin&amp;iframe=true`}
-      {width}
-      {height}
-      frameBorder="0"
-      scrolling="no"
-      style={`
+	>
+		<iframe
+			data-testid="buzzsprout"
+			title={`buzzsprout-${buzzsproutId}`}
+			src={`https://www.buzzsprout.com/${buzzsproutId}?client_source=admin&amp;iframe=true`}
+			{width}
+			{height}
+			frameBorder="0"
+			scrolling="no"
+			style={`
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
       `}
-    />
-  </div>
+		/>
+	</div>
 </GeneralObserver>
diff --git a/src/lib/components/buzzsprout.test.ts b/src/lib/components/buzzsprout.test.ts
index 1e85ee5a..af4b2c8a 100644
--- a/src/lib/components/buzzsprout.test.ts
+++ b/src/lib/components/buzzsprout.test.ts
@@ -3,16 +3,16 @@ import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 
 globalThis.IntersectionObserver = vi.fn(() => ({
-  observe: () => null,
-  unobserve: () => null,
-  disconnect: () => null,
+	observe: () => null,
+	unobserve: () => null,
+	disconnect: () => null,
 })) as unknown as typeof globalThis.IntersectionObserver
 
 describe('Buzzsprout', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', async () => {
-    const { container } = render(Buzzsprout)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', async () => {
+		const { container } = render(Buzzsprout)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/components/code-pen.svelte b/src/lib/components/code-pen.svelte
index dc77becc..dfc9aa57 100644
--- a/src/lib/components/code-pen.svelte
+++ b/src/lib/components/code-pen.svelte
@@ -1,36 +1,36 @@
 <script lang="ts">
-  import GeneralObserver from './general-observer.svelte'
+	import GeneralObserver from './general-observer.svelte'
 
-  export let width: string = '100'
-  export let height: string = '500'
-  export let codePenId: string = ''
-  export let tabs:
-    | string[]
-    | 'js'
-    | 'css'
-    | 'scss'
-    | 'less'
-    | 'result' = 'result'
-  export let clickToLoad: boolean = true
-  export let editable: boolean = true
-  export let theme: string | 'light' | 'dark' | 'default' = 'default'
+	export let width: string = '100'
+	export let height: string = '500'
+	export let codePenId: string = ''
+	export let tabs:
+		| string[]
+		| 'js'
+		| 'css'
+		| 'scss'
+		| 'less'
+		| 'result' = 'result'
+	export let clickToLoad: boolean = true
+	export let editable: boolean = true
+	export let theme: string | 'light' | 'dark' | 'default' = 'default'
 
-  const baseUrl = `https://codepen.io/team/codepen/embed`
-  const src = `${baseUrl}/${
-    clickToLoad ? '/preview' : ''
-  }/${codePenId}/?height=${height}&theme-id=${theme}&default-tab=${tabs}&editable=${editable}`
+	const baseUrl = `https://codepen.io/team/codepen/embed`
+	const src = `${baseUrl}/${
+		clickToLoad ? '/preview' : ''
+	}/${codePenId}/?height=${height}&theme-id=${theme}&default-tab=${tabs}&editable=${editable}`
 </script>
 
 <GeneralObserver {height} {width}>
-  <iframe
-    {height}
-    class="code-pen-sveltekit-embed"
-    title={`codepen-${codePenId}`}
-    {src}
-    frameborder="no"
-    allowfullscreen
-    style={`
+	<iframe
+		{height}
+		class="code-pen-sveltekit-embed"
+		title={`codepen-${codePenId}`}
+		{src}
+		frameborder="no"
+		allowfullscreen
+		style={`
       width: 100%;
     `}
-  />
+	/>
 </GeneralObserver>
diff --git a/src/lib/components/code-pen.test.ts b/src/lib/components/code-pen.test.ts
index 5b4945d2..684ca95b 100644
--- a/src/lib/components/code-pen.test.ts
+++ b/src/lib/components/code-pen.test.ts
@@ -3,16 +3,16 @@ import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 
 globalThis.IntersectionObserver = vi.fn(() => ({
-  observe: () => null,
-  unobserve: () => null,
-  disconnect: () => null,
+	observe: () => null,
+	unobserve: () => null,
+	disconnect: () => null,
 })) as unknown as typeof globalThis.IntersectionObserver
 
 describe('CodePen', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', async () => {
-    const { container } = render(CodePen)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', async () => {
+		const { container } = render(CodePen)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/components/deezer.svelte b/src/lib/components/deezer.svelte
index 92808f27..352d06e0 100644
--- a/src/lib/components/deezer.svelte
+++ b/src/lib/components/deezer.svelte
@@ -1,22 +1,22 @@
 <script lang="ts">
-  import GeneralObserver from './general-observer.svelte'
+	import GeneralObserver from './general-observer.svelte'
 
-  export let theme: string = 'auto'
-  export let frameSrc: string = ''
-  export let height: string = '300px'
-  export let width: string = '100%'
-  export let iframe_style: string = 'border-radius: 0.6rem;'
+	export let theme: string = 'auto'
+	export let frameSrc: string = ''
+	export let height: string = '300px'
+	export let width: string = '100%'
+	export let iframe_style: string = 'border-radius: 0.6rem;'
 </script>
 
 <GeneralObserver {height} {width}>
-  <iframe
-    title="deezer-widget"
-    src={`https://widget.deezer.com/widget/${theme}/${frameSrc}`}
-    {width}
-    {height}
-    frameborder="0"
-    allowtransparency
-    allow="encrypted-media; clipboard-write"
-    style={iframe_style}
-  />
+	<iframe
+		title="deezer-widget"
+		src={`https://widget.deezer.com/widget/${theme}/${frameSrc}`}
+		{width}
+		{height}
+		frameborder="0"
+		allowtransparency
+		allow="encrypted-media; clipboard-write"
+		style={iframe_style}
+	/>
 </GeneralObserver>
diff --git a/src/lib/components/deezer.test.ts b/src/lib/components/deezer.test.ts
index a6cd63cc..31d61cd6 100644
--- a/src/lib/components/deezer.test.ts
+++ b/src/lib/components/deezer.test.ts
@@ -3,16 +3,16 @@ import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 
 globalThis.IntersectionObserver = vi.fn(() => ({
-  observe: () => null,
-  unobserve: () => null,
-  disconnect: () => null,
+	observe: () => null,
+	unobserve: () => null,
+	disconnect: () => null,
 })) as unknown as typeof globalThis.IntersectionObserver
 
 describe('Deezer', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', async () => {
-    const { container } = render(Deezer)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', async () => {
+		const { container } = render(Deezer)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/components/general-observer.svelte b/src/lib/components/general-observer.svelte
index eb686e81..700ad80f 100644
--- a/src/lib/components/general-observer.svelte
+++ b/src/lib/components/general-observer.svelte
@@ -3,52 +3,52 @@
   https://svelte.dev/repl/4b8ccdf1d01545baa0ab6a858bc05abb?version=3.32.1
 -->
 <script lang="ts">
-  import { onDestroy, onMount } from 'svelte'
-  import { fade } from 'svelte/transition'
+	import { onDestroy, onMount } from 'svelte'
+	import { fade } from 'svelte/transition'
 
-  export let threshold = 0.5
-  export let disable_observer = false
+	export let threshold = 0.5
+	export let disable_observer = false
 
-  let loaded = disable_observer
-  let root: HTMLElement
+	let loaded = disable_observer
+	let root: HTMLElement
 
-  const hasIntersectionObserver =
-    typeof IntersectionObserver !== 'undefined'
-  let observer =
-    hasIntersectionObserver && !disable_observer
-      ? new IntersectionObserver(
-          entries => {
-            entries.forEach(entry => {
-              if (entry.intersectionRatio >= threshold) {
-                loaded = true
-                observer.disconnect()
-              }
-            })
-          },
-          {
-            rootMargin: '0px',
-            threshold,
-          }
-        )
-      : null
+	const hasIntersectionObserver =
+		typeof IntersectionObserver !== 'undefined'
+	let observer =
+		hasIntersectionObserver && !disable_observer
+			? new IntersectionObserver(
+					entries => {
+						entries.forEach(entry => {
+							if (entry.intersectionRatio >= threshold) {
+								loaded = true
+								observer.disconnect()
+							}
+						})
+					},
+					{
+						rootMargin: '0px',
+						threshold,
+					}
+			  )
+			: null
 
-  onMount(() => {
-    if (observer) {
-      observer.observe(root)
-    }
-  })
+	onMount(() => {
+		if (observer) {
+			observer.observe(root)
+		}
+	})
 
-  onDestroy(() => {
-    if (observer) {
-      observer.disconnect()
-    }
-  })
+	onDestroy(() => {
+		if (observer) {
+			observer.disconnect()
+		}
+	})
 </script>
 
 <div bind:this={root}>
-  {#if loaded}
-    <div transition:fade>
-      <slot />
-    </div>
-  {/if}
+	{#if loaded}
+		<div transition:fade>
+			<slot />
+		</div>
+	{/if}
 </div>
diff --git a/src/lib/components/general-observer.test.ts b/src/lib/components/general-observer.test.ts
index 5fadcd87..5d676071 100644
--- a/src/lib/components/general-observer.test.ts
+++ b/src/lib/components/general-observer.test.ts
@@ -2,17 +2,11 @@ import GeneralObserver from '$lib/components/general-observer.svelte'
 import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 
-globalThis.IntersectionObserver = vi.fn(() => ({
-  observe: () => null,
-  unobserve: () => null,
-  disconnect: () => null,
-})) as unknown as typeof globalThis.IntersectionObserver
-
 describe('General Observer', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', () => {
-    const { container } = render(GeneralObserver)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', () => {
+		const { container } = render(GeneralObserver)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/components/generic-embed.svelte b/src/lib/components/generic-embed.svelte
index 58acec47..85c40329 100644
--- a/src/lib/components/generic-embed.svelte
+++ b/src/lib/components/generic-embed.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import GeneralObserver from './general-observer.svelte'
-  export let src: string = ''
-  export let title: string = ''
-  export let height: string = '300'
-  export let width: string = '100%'
+	import GeneralObserver from './general-observer.svelte'
+	export let src: string = ''
+	export let title: string = ''
+	export let height: string = '300'
+	export let width: string = '100%'
 </script>
 
 <GeneralObserver {height} {width}>
-  <iframe {src} {width} {height} {title} {...$$restProps} />
-  <slot />
+	<iframe {src} {width} {height} {title} {...$$restProps} />
+	<slot />
 </GeneralObserver>
diff --git a/src/lib/components/generic-embed.test.ts b/src/lib/components/generic-embed.test.ts
index 801d0158..53a740da 100644
--- a/src/lib/components/generic-embed.test.ts
+++ b/src/lib/components/generic-embed.test.ts
@@ -3,16 +3,16 @@ import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 
 globalThis.IntersectionObserver = vi.fn(() => ({
-  observe: () => null,
-  unobserve: () => null,
-  disconnect: () => null,
+	observe: () => null,
+	unobserve: () => null,
+	disconnect: () => null,
 })) as unknown as typeof globalThis.IntersectionObserver
 
 describe('GenericEmbed', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', () => {
-    const { container } = render(GenericEmbed)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', () => {
+		const { container } = render(GenericEmbed)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/components/gist.svelte b/src/lib/components/gist.svelte
index c4168505..c0701074 100644
--- a/src/lib/components/gist.svelte
+++ b/src/lib/components/gist.svelte
@@ -1,28 +1,30 @@
 <script lang="ts">
 	import GeneralObserver from './general-observer.svelte'
 
-	export let gistUri = '';
-    
-	let frame: HTMLIFrameElement;
-    let height = 500;
-	let initialized = false;
+	export let gistUri = ''
+
+	let frame: HTMLIFrameElement
+	let height = 500
+	let initialized = false
 
 	function t() {
 		setTimeout(() => {
 			if (!initialized && frame) {
-			frame.srcdoc = `<script src='https://gist.github.com/${gistUri}.js'><${''}/script>`;
-			frame.onload = () => {
-				initialized = true;
-                height = (frame.contentWindow?.document?.body?.scrollHeight || 0) + 25;
-				frame.style.height = height + 'px';
-			};
-		}
+				frame.srcdoc = `<script src='https://gist.github.com/${gistUri}.js'><${''}/script>`
+				frame.onload = () => {
+					initialized = true
+					height =
+						(frame.contentWindow?.document?.body?.scrollHeight || 0) +
+						25
+					frame.style.height = height + 'px'
+				}
+			}
 		})
-	};
+	}
 </script>
 
-<GeneralObserver height="{height.toFixed()}" on:enterViewport={t}>
-    <iframe bind:this={frame} title="gist-widget" />
+<GeneralObserver height={height.toFixed()} on:enterViewport={t}>
+	<iframe bind:this={frame} title="gist-widget" />
 </GeneralObserver>
 
 <style>
@@ -31,4 +33,4 @@
 		width: 100%;
 		height: 100%;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/lib/components/gist.test.ts b/src/lib/components/gist.test.ts
index 78acedc9..a4bf934a 100644
--- a/src/lib/components/gist.test.ts
+++ b/src/lib/components/gist.test.ts
@@ -3,16 +3,16 @@ import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 
 globalThis.IntersectionObserver = vi.fn(() => ({
-  observe: () => null,
-  unobserve: () => null,
-  disconnect: () => null,
+	observe: () => null,
+	unobserve: () => null,
+	disconnect: () => null,
 })) as unknown as typeof globalThis.IntersectionObserver
 
 describe('Gist', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', () => {
-    const { container } = render(Gist)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', () => {
+		const { container } = render(Gist)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/components/guild.svelte b/src/lib/components/guild.svelte
index d3f3925c..4007f01c 100644
--- a/src/lib/components/guild.svelte
+++ b/src/lib/components/guild.svelte
@@ -24,42 +24,42 @@
   https://beta.guild.host/embeds/presentation/microfrontends-with-e6mtnf/item
 -->
 <script lang="ts">
-  import GeneralObserver from './general-observer.svelte'
+	import GeneralObserver from './general-observer.svelte'
 
-  export let height: string = '380'
-  export let width: string = '100'
-  export let card_id: string
-  export let type: 'guild' | 'user' | 'event' | 'presentation' =
-    'guild'
-  export let display_type:
-    | 'card'
-    | 'item'
-    | 'events/latest'
-    | 'events/upcoming'
-    | 'events/past'
-    | 'presentations/latest'
-    | 'presentations/upcoming'
-    | 'presentations/other' = 'card'
+	export let height: string = '380'
+	export let width: string = '100'
+	export let card_id: string
+	export let type: 'guild' | 'user' | 'event' | 'presentation' =
+		'guild'
+	export let display_type:
+		| 'card'
+		| 'item'
+		| 'events/latest'
+		| 'events/upcoming'
+		| 'events/past'
+		| 'presentations/latest'
+		| 'presentations/upcoming'
+		| 'presentations/other' = 'card'
 </script>
 
 <GeneralObserver>
-  <div
-    class="guild-card"
-    style={`
+	<div
+		class="guild-card"
+		style={`
       position: relative;
       height: ${height}px;
       width: ${width}%;
     `}
-  >
-    <iframe
-      data-testid="guild-card"
-      title={`guild-card-${card_id}`}
-      src={`https://beta.guild.host/embeds/${type}/${card_id}/${display_type}`}
-      {height}
-      {width}
-      frameborder="0"
-      scrolling="no"
-      style={`
+	>
+		<iframe
+			data-testid="guild-card"
+			title={`guild-card-${card_id}`}
+			src={`https://beta.guild.host/embeds/${type}/${card_id}/${display_type}`}
+			{height}
+			{width}
+			frameborder="0"
+			scrolling="no"
+			style={`
         position: absolute;
         top: 0;
         left: 0;
@@ -67,6 +67,6 @@
         height: 100%;
         border-radius: 0.5rem;
       `}
-    />
-  </div>
+		/>
+	</div>
 </GeneralObserver>
diff --git a/src/lib/components/guild.test.ts b/src/lib/components/guild.test.ts
index 894f01f7..b6c514a3 100644
--- a/src/lib/components/guild.test.ts
+++ b/src/lib/components/guild.test.ts
@@ -3,16 +3,16 @@ import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 
 globalThis.IntersectionObserver = vi.fn(() => ({
-  observe: () => null,
-  unobserve: () => null,
-  disconnect: () => null,
+	observe: () => null,
+	unobserve: () => null,
+	disconnect: () => null,
 })) as unknown as typeof globalThis.IntersectionObserver
 
 describe('Guild', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', () => {
-    const { container } = render(Guild)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', () => {
+		const { container } = render(Guild)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/components/relive.svelte b/src/lib/components/relive.svelte
index 0e8c61ef..2eac6bb6 100644
--- a/src/lib/components/relive.svelte
+++ b/src/lib/components/relive.svelte
@@ -1,34 +1,34 @@
 <script lang="ts">
-  import GeneralObserver from './general-observer.svelte'
+	import GeneralObserver from './general-observer.svelte'
 
-  export let reliveId: string = ''
-  export let width: string = '100%'
+	export let reliveId: string = ''
+	export let width: string = '100%'
 
-  const defaultMargin: number = 2
+	const defaultMargin: number = 2
 </script>
 
 <GeneralObserver>
-  <div
-    style={`
+	<div
+		style={`
       position: relative;
       width: ${width};
       aspect-ratio: 1 / 0.7825;
       overflow: hidden;
     `}
-  >
-    <iframe
-      title={`relive-${reliveId}`}
-      src={`https://www.relive.cc/view/${reliveId}/widget`}
-      scrolling="no"
-      frameborder="0"
-      allowfullscreen
-      style={`
+	>
+		<iframe
+			title={`relive-${reliveId}`}
+			src={`https://www.relive.cc/view/${reliveId}/widget`}
+			scrolling="no"
+			frameborder="0"
+			allowfullscreen
+			style={`
         position: absolute;
         top: -${defaultMargin}px;
         left: -${defaultMargin}px;
         width: calc(100% + ${defaultMargin * 2}px);
         height: calc(100% + ${defaultMargin * 2}px);
       `}
-    />
-  </div>
+		/>
+	</div>
 </GeneralObserver>
diff --git a/src/lib/components/relive.test.ts b/src/lib/components/relive.test.ts
index b20e351e..3ab21d10 100644
--- a/src/lib/components/relive.test.ts
+++ b/src/lib/components/relive.test.ts
@@ -3,16 +3,16 @@ import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 
 globalThis.IntersectionObserver = vi.fn(() => ({
-  observe: () => null,
-  unobserve: () => null,
-  disconnect: () => null,
+	observe: () => null,
+	unobserve: () => null,
+	disconnect: () => null,
 })) as unknown as typeof globalThis.IntersectionObserver
 
 describe('Relive', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', () => {
-    const { container } = render(Relive)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', () => {
+		const { container } = render(Relive)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/components/simple-cast.svelte b/src/lib/components/simple-cast.svelte
index 929ce2b9..02676e15 100644
--- a/src/lib/components/simple-cast.svelte
+++ b/src/lib/components/simple-cast.svelte
@@ -1,35 +1,35 @@
 <script lang="ts">
-  import GeneralObserver from './general-observer.svelte'
+	import GeneralObserver from './general-observer.svelte'
 
-  export let episodeId: string = ''
-  export let theme: string = `dark`
+	export let episodeId: string = ''
+	export let theme: string = `dark`
 </script>
 
 <GeneralObserver>
-  <div
-    class="simplecast-episode-svelte-embed"
-    style={`
+	<div
+		class="simplecast-episode-svelte-embed"
+		style={`
       position: relative;
       height: 200px;
       width: 100%;
     `}
-  >
-    <iframe
-      data-testid="simplecast-episode"
-      title={`simplecast-${episodeId}`}
-      src={`https://player.simplecast.com/${episodeId}${
-        theme === `dark` ? `?dark=true` : ``
-      }`}
-      frameBorder="no"
-      scrolling="no"
-      seamless
-      style={`
+	>
+		<iframe
+			data-testid="simplecast-episode"
+			title={`simplecast-${episodeId}`}
+			src={`https://player.simplecast.com/${episodeId}${
+				theme === `dark` ? `?dark=true` : ``
+			}`}
+			frameBorder="no"
+			scrolling="no"
+			seamless
+			style={`
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
       `}
-    />
-  </div>
+		/>
+	</div>
 </GeneralObserver>
diff --git a/src/lib/components/simple-cast.test.ts b/src/lib/components/simple-cast.test.ts
index 6ba2d584..15f7a83c 100644
--- a/src/lib/components/simple-cast.test.ts
+++ b/src/lib/components/simple-cast.test.ts
@@ -3,16 +3,16 @@ import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 
 globalThis.IntersectionObserver = vi.fn(() => ({
-  observe: () => null,
-  unobserve: () => null,
-  disconnect: () => null,
+	observe: () => null,
+	unobserve: () => null,
+	disconnect: () => null,
 })) as unknown as typeof globalThis.IntersectionObserver
 
 describe('SimpleCast', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', () => {
-    const { container } = render(SimpleCast)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', () => {
+		const { container } = render(SimpleCast)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/components/slides.svelte b/src/lib/components/slides.svelte
index 61982697..a22850f0 100644
--- a/src/lib/components/slides.svelte
+++ b/src/lib/components/slides.svelte
@@ -1,39 +1,39 @@
 <script lang="ts">
-  import GeneralObserver from './general-observer.svelte'
+	import GeneralObserver from './general-observer.svelte'
 
-  export let width: string = '576'
-  export let height: string = '420'
-  export let username: string = ''
-  export let title: string = ''
-  export let byline: 'hidden' | 'visible' | 'default' = 'hidden'
-  export let share: 'hidden' | 'visible' | 'default' = 'hidden'
-  export let style:
-    | 'light'
-    | 'dark'
-    | 'hidden'
-    | 'transparent'
-    | 'default' = 'dark'
+	export let width: string = '576'
+	export let height: string = '420'
+	export let username: string = ''
+	export let title: string = ''
+	export let byline: 'hidden' | 'visible' | 'default' = 'hidden'
+	export let share: 'hidden' | 'visible' | 'default' = 'hidden'
+	export let style:
+		| 'light'
+		| 'dark'
+		| 'hidden'
+		| 'transparent'
+		| 'default' = 'dark'
 
-  let baseUrl = `https://slides.com/${username}/${title}/embed?`
-  const config = {
-    style,
-    byline,
-    share,
-  }
+	let baseUrl = `https://slides.com/${username}/${title}/embed?`
+	const config = {
+		style,
+		byline,
+		share,
+	}
 
-  const queryString = new URLSearchParams(config)
-  const src = `${baseUrl}&${queryString.toString()}`
+	const queryString = new URLSearchParams(config)
+	const src = `${baseUrl}&${queryString.toString()}`
 </script>
 
 <GeneralObserver {height} {width}>
-  <iframe
-    {src}
-    {width}
-    {height}
-    {title}
-    scrolling="no"
-    frameborder="0"
-    allowfullscreen
-    style="width: 100%;"
-  />
+	<iframe
+		{src}
+		{width}
+		{height}
+		{title}
+		scrolling="no"
+		frameborder="0"
+		allowfullscreen
+		style="width: 100%;"
+	/>
 </GeneralObserver>
diff --git a/src/lib/components/slides.test.ts b/src/lib/components/slides.test.ts
index 01447926..3c9b8ee2 100644
--- a/src/lib/components/slides.test.ts
+++ b/src/lib/components/slides.test.ts
@@ -3,16 +3,16 @@ import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 
 globalThis.IntersectionObserver = vi.fn(() => ({
-  observe: () => null,
-  unobserve: () => null,
-  disconnect: () => null,
+	observe: () => null,
+	unobserve: () => null,
+	disconnect: () => null,
 })) as unknown as typeof globalThis.IntersectionObserver
 
 describe('Slides', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', () => {
-    const { container } = render(Slides)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', () => {
+		const { container } = render(Slides)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/components/sound-cloud.svelte b/src/lib/components/sound-cloud.svelte
index 4514690b..6cf97f3e 100644
--- a/src/lib/components/sound-cloud.svelte
+++ b/src/lib/components/sound-cloud.svelte
@@ -1,19 +1,19 @@
 <script lang="ts">
-  import GeneralObserver from './general-observer.svelte'
-  export let soundcloudLink: string = ''
-  export let width: string = '100%'
-  export let showVisual: boolean = true
-  export let height: string = '300'
+	import GeneralObserver from './general-observer.svelte'
+	export let soundcloudLink: string = ''
+	export let width: string = '100%'
+	export let showVisual: boolean = true
+	export let height: string = '300'
 </script>
 
 <GeneralObserver {height} {width}>
-  <iframe
-    {width}
-    {height}
-    title={`soundcloud-${soundcloudLink}`}
-    scrolling="false"
-    frameborder="0"
-    allow="autoplay"
-    src="https://w.soundcloud.com/player/?url={soundcloudLink}&visual={showVisual}"
-  />
+	<iframe
+		{width}
+		{height}
+		title={`soundcloud-${soundcloudLink}`}
+		scrolling="false"
+		frameborder="0"
+		allow="autoplay"
+		src="https://w.soundcloud.com/player/?url={soundcloudLink}&visual={showVisual}"
+	/>
 </GeneralObserver>
diff --git a/src/lib/components/sound-cloud.test.ts b/src/lib/components/sound-cloud.test.ts
index 63d74025..3d55f521 100644
--- a/src/lib/components/sound-cloud.test.ts
+++ b/src/lib/components/sound-cloud.test.ts
@@ -3,16 +3,16 @@ import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 
 globalThis.IntersectionObserver = vi.fn(() => ({
-  observe: () => null,
-  unobserve: () => null,
-  disconnect: () => null,
+	observe: () => null,
+	unobserve: () => null,
+	disconnect: () => null,
 })) as unknown as typeof globalThis.IntersectionObserver
 
 describe('SoundCloud', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', () => {
-    const { container } = render(SoundCloud)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', () => {
+		const { container } = render(SoundCloud)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/components/spotify.svelte b/src/lib/components/spotify.svelte
index ce95a645..2ae3a8e8 100644
--- a/src/lib/components/spotify.svelte
+++ b/src/lib/components/spotify.svelte
@@ -1,20 +1,20 @@
 <script lang="ts">
-  import GeneralObserver from './general-observer.svelte'
+	import GeneralObserver from './general-observer.svelte'
 
-  export let spotifyLink: string = ''
-  export let width: string = '320'
-  export let height: string = '380'
+	export let spotifyLink: string = ''
+	export let width: string = '320'
+	export let height: string = '380'
 </script>
 
 <GeneralObserver {height} {width}>
-  <iframe
-    data-testid="spotify"
-    title={`spotify-${spotifyLink}`}
-    class="spotify-sveltekit-embed"
-    src={`https://open.spotify.com/embed/${spotifyLink}`}
-    {width}
-    {height}
-    frameBorder="0"
-    allow="encrypted-media"
-  />
+	<iframe
+		data-testid="spotify"
+		title={`spotify-${spotifyLink}`}
+		class="spotify-sveltekit-embed"
+		src={`https://open.spotify.com/embed/${spotifyLink}`}
+		{width}
+		{height}
+		frameBorder="0"
+		allow="encrypted-media"
+	/>
 </GeneralObserver>
diff --git a/src/lib/components/spotify.test.ts b/src/lib/components/spotify.test.ts
index 3bd3ea96..10883a96 100644
--- a/src/lib/components/spotify.test.ts
+++ b/src/lib/components/spotify.test.ts
@@ -3,16 +3,16 @@ import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 
 globalThis.IntersectionObserver = vi.fn(() => ({
-  observe: () => null,
-  unobserve: () => null,
-  disconnect: () => null,
+	observe: () => null,
+	unobserve: () => null,
+	disconnect: () => null,
 })) as unknown as typeof globalThis.IntersectionObserver
 
 describe('Spotify', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', () => {
-    const { container } = render(Spotify)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', () => {
+		const { container } = render(Spotify)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/components/stackblitz.svelte b/src/lib/components/stackblitz.svelte
index 4a0aa342..ec9edc08 100644
--- a/src/lib/components/stackblitz.svelte
+++ b/src/lib/components/stackblitz.svelte
@@ -1,43 +1,43 @@
 <script lang="ts">
-  import GeneralObserver from './general-observer.svelte'
+	import GeneralObserver from './general-observer.svelte'
 
-  export let width: string = '100'
-  export let height: string = '500'
-  export let id: string = ''
-  export let view: 'editor' | 'preview' | 'default' = 'default'
-  export let clickToLoad: boolean = true //ctl
-  export let hideNavigation: boolean = false //hideNavigation
-  export let hideExplorer: boolean = true
-  export let theme: string | 'light' | 'dark' | 'default' = 'dark'
-  export let file: string | undefined
+	export let width: string = '100'
+	export let height: string = '500'
+	export let id: string = ''
+	export let view: 'editor' | 'preview' | 'default' = 'default'
+	export let clickToLoad: boolean = true //ctl
+	export let hideNavigation: boolean = false //hideNavigation
+	export let hideExplorer: boolean = true
+	export let theme: string | 'light' | 'dark' | 'default' = 'dark'
+	export let file: string | undefined
 
-  let baseUrl = `https://stackblitz.com/edit/${id}?embed=1`
-  const config = {
-    ctl: `${clickToLoad ? 1 : 0}`,
-    hideExplorer: `${hideExplorer ? 1 : 0}`,
-    hideNavigation: `${hideNavigation ? 1 : 0}`,
-    theme,
-  }
-  if (view !== 'default') {
-    config['view'] = view
-  }
-  if (file) {
-    config['file'] = file
-  }
-  const queryString = new URLSearchParams(config)
-  const src = `${baseUrl}&${queryString.toString()}`
+	let baseUrl = `https://stackblitz.com/edit/${id}?embed=1`
+	const config = {
+		ctl: `${clickToLoad ? 1 : 0}`,
+		hideExplorer: `${hideExplorer ? 1 : 0}`,
+		hideNavigation: `${hideNavigation ? 1 : 0}`,
+		theme,
+	}
+	if (view !== 'default') {
+		config['view'] = view
+	}
+	if (file) {
+		config['file'] = file
+	}
+	const queryString = new URLSearchParams(config)
+	const src = `${baseUrl}&${queryString.toString()}`
 </script>
 
 <GeneralObserver {height} {width}>
-  <iframe
-    {height}
-    class="stackblitz-sveltekit-embed"
-    title={`stackblitz-${id}`}
-    {src}
-    frameborder="no"
-    allowfullscreen
-    style={`
+	<iframe
+		{height}
+		class="stackblitz-sveltekit-embed"
+		title={`stackblitz-${id}`}
+		{src}
+		frameborder="no"
+		allowfullscreen
+		style={`
       width: 100%;
     `}
-  />
+	/>
 </GeneralObserver>
diff --git a/src/lib/components/stackblitz.test.ts b/src/lib/components/stackblitz.test.ts
index 46e97751..a05b97d9 100644
--- a/src/lib/components/stackblitz.test.ts
+++ b/src/lib/components/stackblitz.test.ts
@@ -3,16 +3,16 @@ import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 
 globalThis.IntersectionObserver = vi.fn(() => ({
-  observe: () => null,
-  unobserve: () => null,
-  disconnect: () => null,
+	observe: () => null,
+	unobserve: () => null,
+	disconnect: () => null,
 })) as unknown as typeof globalThis.IntersectionObserver
 
 describe('Stackblitz', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', () => {
-    const { container } = render(Stackblitz)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', () => {
+		const { container } = render(Stackblitz)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/components/toot.svelte b/src/lib/components/toot.svelte
index 89b6016f..9ac3e1c6 100644
--- a/src/lib/components/toot.svelte
+++ b/src/lib/components/toot.svelte
@@ -1,27 +1,29 @@
 <script lang="ts">
-  export let instance: string = ''
-  export let username: string = ''
-  export let tootId: string = ''
-  
-  $: trimmedUsername = username.trim()
-  $: atUsername = trimmedUsername.startsWith('@') ? trimmedUsername : `@${trimmedUsername}`
+	export let instance: string = ''
+	export let username: string = ''
+	export let tootId: string = ''
+
+	$: trimmedUsername = username.trim()
+	$: atUsername = trimmedUsername.startsWith('@')
+		? trimmedUsername
+		: `@${trimmedUsername}`
 </script>
 
 <svelte:head>
-  <script
-    async
-    src="https://{instance}/embed.js"
-    charset="utf-8"
-  ></script>
+	<script
+		async
+		src="https://{instance}/embed.js"
+		charset="utf-8"
+	></script>
 </svelte:head>
 
 <div class="flex justify-center mb-12">
-  <iframe
-    title=""
-    src="https://{instance}/{atUsername}/{tootId}/embed"
-    class="mastodon-embed"
-    style="max-width: 100%; border: 0"
-    width="400"
-    allowfullscreen
-  />
+	<iframe
+		title=""
+		src="https://{instance}/{atUsername}/{tootId}/embed"
+		class="mastodon-embed"
+		style="max-width: 100%; border: 0"
+		width="400"
+		allowfullscreen
+	/>
 </div>
diff --git a/src/lib/components/toot.test.ts b/src/lib/components/toot.test.ts
index cbdf0363..b5f354cd 100644
--- a/src/lib/components/toot.test.ts
+++ b/src/lib/components/toot.test.ts
@@ -3,10 +3,10 @@ import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it } from 'vitest'
 
 describe('Toot', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', () => {
-    const { container } = render(Toot)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', () => {
+		const { container } = render(Toot)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/components/tweet.svelte b/src/lib/components/tweet.svelte
index fb27e206..d04a3ee0 100644
--- a/src/lib/components/tweet.svelte
+++ b/src/lib/components/tweet.svelte
@@ -1,18 +1,19 @@
 <script lang="ts">
-  export let tweetLink: string = ''
+	export let tweetLink: string = ''
 </script>
 
 <svelte:head>
-  <script
-    async
-    src="https://platform.twitter.com/widgets.js"
-    charset="utf-8"></script>
+	<script
+		async
+		src="https://platform.twitter.com/widgets.js"
+		charset="utf-8"
+	></script>
 </svelte:head>
 
 <div class="flex justify-center mb-12">
-  <blockquote class="twitter-tweet">
-    <a class="twitter-tweet" href={`https://twitter.com/${tweetLink}`}
-      >Loading Tweet...</a
-    >
-  </blockquote>
+	<blockquote class="twitter-tweet">
+		<a class="twitter-tweet" href={`https://twitter.com/${tweetLink}`}
+			>Loading Tweet...</a
+		>
+	</blockquote>
 </div>
diff --git a/src/lib/components/tweet.test.ts b/src/lib/components/tweet.test.ts
index ca603d4a..4cb896bc 100644
--- a/src/lib/components/tweet.test.ts
+++ b/src/lib/components/tweet.test.ts
@@ -3,10 +3,10 @@ import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it } from 'vitest'
 
 describe('Tweet', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', () => {
-    const { container } = render(Tweet)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', () => {
+		const { container } = render(Tweet)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/components/vimeo.svelte b/src/lib/components/vimeo.svelte
index 1470ccc2..c6a027fb 100644
--- a/src/lib/components/vimeo.svelte
+++ b/src/lib/components/vimeo.svelte
@@ -1,37 +1,37 @@
 <script lang="ts">
-  import { getPadding } from '$lib/utils'
-  import GeneralObserver from './general-observer.svelte'
+	import { getPadding } from '$lib/utils'
+	import GeneralObserver from './general-observer.svelte'
 
-  export let vimeoId: string = ''
-  export let autoPlay: boolean = false
-  export let aspectRatio: string = '16:9'
-  export let skipTo = { h: 0, m: 0, s: 0 }
-  const { h, m, s } = skipTo
+	export let vimeoId: string = ''
+	export let autoPlay: boolean = false
+	export let aspectRatio: string = '16:9'
+	export let skipTo = { h: 0, m: 0, s: 0 }
+	const { h, m, s } = skipTo
 </script>
 
 <GeneralObserver>
-  <div
-    data-testid="vimeo"
-    class="vimeo-svelte-embed"
-    style={`
+	<div
+		data-testid="vimeo"
+		class="vimeo-svelte-embed"
+		style={`
     position: relative;
     width: 100%;
    ${getPadding(aspectRatio)}
   `}
-  >
-    <iframe
-      title={`vimeo-${vimeoId}`}
-      src={`https://player.vimeo.com/video/${vimeoId}?autoplay=${autoPlay}#t=${h}h${m}m${s}s`}
-      frameBorder="0"
-      allow="autoplay; fullscreen"
-      allowFullScreen
-      style={`
+	>
+		<iframe
+			title={`vimeo-${vimeoId}`}
+			src={`https://player.vimeo.com/video/${vimeoId}?autoplay=${autoPlay}#t=${h}h${m}m${s}s`}
+			frameBorder="0"
+			allow="autoplay; fullscreen"
+			allowFullScreen
+			style={`
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
     `}
-    />
-  </div>
+		/>
+	</div>
 </GeneralObserver>
diff --git a/src/lib/components/vimeo.test.ts b/src/lib/components/vimeo.test.ts
index 5b51c7e8..e7bfd409 100644
--- a/src/lib/components/vimeo.test.ts
+++ b/src/lib/components/vimeo.test.ts
@@ -3,16 +3,16 @@ import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 
 globalThis.IntersectionObserver = vi.fn(() => ({
-  observe: () => null,
-  unobserve: () => null,
-  disconnect: () => null,
+	observe: () => null,
+	unobserve: () => null,
+	disconnect: () => null,
 })) as unknown as typeof globalThis.IntersectionObserver
 
 describe('Vimeo', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', () => {
-    const { container } = render(Vimeo)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', () => {
+		const { container } = render(Vimeo)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/components/you-tube.svelte b/src/lib/components/you-tube.svelte
index bbe6adb1..416aa41f 100644
--- a/src/lib/components/you-tube.svelte
+++ b/src/lib/components/you-tube.svelte
@@ -1,54 +1,54 @@
 <script lang="ts">
-  import { getPadding } from '$lib/utils'
-  import GeneralObserver from './general-observer.svelte'
+	import { getPadding } from '$lib/utils'
+	import GeneralObserver from './general-observer.svelte'
 
-  export let width: string = '560'
-  export let height: string = '315'
-  export let youTubeId: string = ''
-  export let listId: string = ''
-  export let autoPlay: boolean = false
-  export let aspectRatio: string = '16:9'
-  export let skipTo = { h: 0, m: 0, s: 0 }
+	export let width: string = '560'
+	export let height: string = '315'
+	export let youTubeId: string = ''
+	export let listId: string = ''
+	export let autoPlay: boolean = false
+	export let aspectRatio: string = '16:9'
+	export let skipTo = { h: 0, m: 0, s: 0 }
 
-  const { h, m, s } = skipTo
+	const { h, m, s } = skipTo
 
-  const tH = h * 60 * 60
-  const tM = m * 60
+	const tH = h * 60 * 60
+	const tM = m * 60
 
-  const startTime = tH + tM + s
+	const startTime = tH + tM + s
 
-  const baseUrl = `https://www.youtube-nocookie.com/embed/`
-  const src = `${baseUrl}${
-    youTubeId.length > 0
-      ? `${youTubeId}?&autoplay=${autoPlay}&start=${startTime}`
-      : `&videoseries?list=${listId}`
-  }`
+	const baseUrl = `https://www.youtube-nocookie.com/embed/`
+	const src = `${baseUrl}${
+		youTubeId.length > 0
+			? `${youTubeId}?&autoplay=${autoPlay}&start=${startTime}`
+			: `&videoseries?list=${listId}`
+	}`
 </script>
 
 <GeneralObserver {height} {width}>
-  <div
-    style={`
+	<div
+		style={`
     position: relative;
     width: 100%;
     ${getPadding(aspectRatio)}
   `}
-  >
-    <iframe
-      {width}
-      {height}
-      class="youtube-sveltekit-embed"
-      title={`youTube-${youTubeId}`}
-      {src}
-      frameborder="0"
-      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-      allowfullscreen
-      style={`
+	>
+		<iframe
+			{width}
+			{height}
+			class="youtube-sveltekit-embed"
+			title={`youTube-${youTubeId}`}
+			{src}
+			frameborder="0"
+			allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+			allowfullscreen
+			style={`
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
     `}
-    />
-  </div>
+		/>
+	</div>
 </GeneralObserver>
diff --git a/src/lib/components/you-tube.test.ts b/src/lib/components/you-tube.test.ts
index 25ac1a89..b95a197f 100644
--- a/src/lib/components/you-tube.test.ts
+++ b/src/lib/components/you-tube.test.ts
@@ -3,16 +3,16 @@ import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 
 globalThis.IntersectionObserver = vi.fn(() => ({
-  observe: () => null,
-  unobserve: () => null,
-  disconnect: () => null,
+	observe: () => null,
+	unobserve: () => null,
+	disconnect: () => null,
 })) as unknown as typeof globalThis.IntersectionObserver
 
 describe('YouTube', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', () => {
-    const { container } = render(YouTube)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', () => {
+		const { container } = render(YouTube)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/components/zencastr.svelte b/src/lib/components/zencastr.svelte
index 33bcd455..fd414cdb 100644
--- a/src/lib/components/zencastr.svelte
+++ b/src/lib/components/zencastr.svelte
@@ -1,34 +1,34 @@
 <script lang="ts">
-  import { onMount } from 'svelte'
+	import { onMount } from 'svelte'
 
-  export let zencastrId: string = ''
+	export let zencastrId: string = ''
 
-  // TODO: want to do this the Svelte way, but using <svelte:head> doesn't work
-  onMount(() => {
-    const script = document.createElement('script')
-    script.async = true
-    script.src = 'https://zencastr.com/static/js/embed-player.js'
-    document.body.appendChild(script)
-  })
+	// TODO: want to do this the Svelte way, but using <svelte:head> doesn't work
+	onMount(() => {
+		const script = document.createElement('script')
+		script.async = true
+		script.src = 'https://zencastr.com/static/js/embed-player.js'
+		document.body.appendChild(script)
+	})
 </script>
 
 <section style="display:flex; justify-content: center;">
-  <blockquote
-    class="zenplayer"
-    data-episode-href={`https://zencastr.com/embed/${zencastrId}`}
-    style="background: black; border-radius: 12px; font-family: system-ui; width: 480px; height: 480px; position: relative; color: white; margin: 0;"
-  >
-    <img
-      alt=""
-      style="width: 120px; display: inline-block; position: absolute; top: calc(50%); left: calc(50%); transform: translate(-50%, -50%);"
-    />
-    <a
-      href={`https://zencastr.com/embed/${zencastrId}`}
-      target="_blank"
-      rel="noopener noreferrer"
-      style="color: white; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); text-decoration: none;"
-    >
-      View on Zencastr
-    </a>
-  </blockquote>
+	<blockquote
+		class="zenplayer"
+		data-episode-href={`https://zencastr.com/embed/${zencastrId}`}
+		style="background: black; border-radius: 12px; font-family: system-ui; width: 480px; height: 480px; position: relative; color: white; margin: 0;"
+	>
+		<img
+			alt=""
+			style="width: 120px; display: inline-block; position: absolute; top: calc(50%); left: calc(50%); transform: translate(-50%, -50%);"
+		/>
+		<a
+			href={`https://zencastr.com/embed/${zencastrId}`}
+			target="_blank"
+			rel="noopener noreferrer"
+			style="color: white; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); text-decoration: none;"
+		>
+			View on Zencastr
+		</a>
+	</blockquote>
 </section>
diff --git a/src/lib/components/zencastr.test.ts b/src/lib/components/zencastr.test.ts
index e4083487..1b8c1049 100644
--- a/src/lib/components/zencastr.test.ts
+++ b/src/lib/components/zencastr.test.ts
@@ -3,10 +3,10 @@ import { cleanup, render } from '@testing-library/svelte'
 import { afterEach, describe, expect, it } from 'vitest'
 
 describe('Zencastr', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', () => {
-    const { container } = render(Zencastr)
-    expect(container).toBeTruthy()
-  })
+	it('mounts', () => {
+		const { container } = render(Zencastr)
+		expect(container).toBeTruthy()
+	})
 })
diff --git a/src/lib/icons/git-hub.svelte b/src/lib/icons/git-hub.svelte
index 3200ede7..de4fe91f 100644
--- a/src/lib/icons/git-hub.svelte
+++ b/src/lib/icons/git-hub.svelte
@@ -1,20 +1,20 @@
 <script lang="ts">
-  export let width: string = '25'
-  export let height: string = '25'
-  export let fill: string = 'fill-current'
+	export let width: string = '25'
+	export let height: string = '25'
+	export let fill: string = 'fill-current'
 
-  let svgClass: string = `${fill} text-primary-content transition hover:text-secondary-focus`
+	let svgClass: string = `${fill} text-primary-content transition hover:text-secondary-focus`
 </script>
 
 <svg
-  role="img"
-  viewBox="0 0 24 24"
-  xmlns="https://www.w3.org/2000/svg"
-  {height}
-  {width}
-  class={svgClass}
+	role="img"
+	viewBox="0 0 24 24"
+	xmlns="https://www.w3.org/2000/svg"
+	{height}
+	{width}
+	class={svgClass}
 >
-  <path
-    d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
-  />
+	<path
+		d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
+	/>
 </svg>
diff --git a/src/lib/icons/twitter.svelte b/src/lib/icons/twitter.svelte
index 33947e2c..529bac8a 100644
--- a/src/lib/icons/twitter.svelte
+++ b/src/lib/icons/twitter.svelte
@@ -1,12 +1,12 @@
 <svg
-  role="img"
-  xmlns="https://www.w3.org/2000/svg"
-  viewBox="0 0 24 24"
-  height="25"
-  width="25"
-  class="fill-current text-primary-content transition hover:text-secondary-focus"
+	role="img"
+	xmlns="https://www.w3.org/2000/svg"
+	viewBox="0 0 24 24"
+	height="25"
+	width="25"
+	class="fill-current text-primary-content transition hover:text-secondary-focus"
 >
-  <path
-    d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"
-  />
+	<path
+		d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"
+	/>
 </svg>
diff --git a/src/lib/icons/you-tube.svelte b/src/lib/icons/you-tube.svelte
index c0d7b8dc..1a454b09 100644
--- a/src/lib/icons/you-tube.svelte
+++ b/src/lib/icons/you-tube.svelte
@@ -1,12 +1,12 @@
 <svg
-  role="img"
-  xmlns="https://www.w3.org/2000/svg"
-  viewBox="0 0 24 24"
-  height="25"
-  width="25"
-  class="fill-current text-primary-content transition hover:text-secondary-focus"
+	role="img"
+	xmlns="https://www.w3.org/2000/svg"
+	viewBox="0 0 24 24"
+	height="25"
+	width="25"
+	class="fill-current text-primary-content transition hover:text-secondary-focus"
 >
-  <path
-    d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
-  />
+	<path
+		d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
+	/>
 </svg>
diff --git a/src/lib/utils/index.ts b/src/lib/utils/index.ts
index d34c9de3..ded2ba82 100644
--- a/src/lib/utils/index.ts
+++ b/src/lib/utils/index.ts
@@ -1,11 +1,11 @@
 export const getPadding = (aspectRatio: string) => {
-  const config = {
-    '1:1': `padding-top: 100%;`,
-    '16:9': `padding-top: 56.25%;`,
-    '4:3': `padding-top: 75%;`,
-    '3:2': `padding-top: 66.66%;`,
-    8.5: `padding-top: 62.5%;`,
-  }
+	const config = {
+		'1:1': `padding-top: 100%;`,
+		'16:9': `padding-top: 56.25%;`,
+		'4:3': `padding-top: 75%;`,
+		'3:2': `padding-top: 66.66%;`,
+		8.5: `padding-top: 62.5%;`,
+	}
 
-  return config[aspectRatio]
+	return config[aspectRatio]
 }
diff --git a/src/prism.css b/src/prism.css
index eb433a0a..8813079a 100644
--- a/src/prism.css
+++ b/src/prism.css
@@ -8,122 +8,122 @@
 
 code[class*='language-'],
 pre[class*='language-'] {
-  color: #d6deeb;
-  font-family: 'Victor Mono', Consolas, Monaco, 'Andale Mono',
-    'Ubuntu Mono', monospace;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: normal;
+	color: #d6deeb;
+	font-family: 'Victor Mono', Consolas, Monaco, 'Andale Mono',
+		'Ubuntu Mono', monospace;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
 
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
 
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
 }
 
 pre[class*='language-']::-moz-selection,
 pre[class*='language-'] ::-moz-selection,
 code[class*='language-']::-moz-selection,
 code[class*='language-'] ::-moz-selection {
-  text-shadow: none;
-  background: rgba(29, 59, 83, 0.99);
+	text-shadow: none;
+	background: rgba(29, 59, 83, 0.99);
 }
 
 pre[class*='language-']::selection,
 pre[class*='language-'] ::selection,
 code[class*='language-']::selection,
 code[class*='language-'] ::selection {
-  text-shadow: none;
-  background: rgba(29, 59, 83, 0.99);
+	text-shadow: none;
+	background: rgba(29, 59, 83, 0.99);
 }
 
 @media print {
-  code[class*='language-'],
-  pre[class*='language-'] {
-    text-shadow: none;
-  }
+	code[class*='language-'],
+	pre[class*='language-'] {
+		text-shadow: none;
+	}
 }
 
 /* Code blocks */
 pre[class*='language-'] {
-  /* padding: 1em; */
-  /* margin: 0.5em 0; */
-  overflow: auto;
+	/* padding: 1em; */
+	/* margin: 0.5em 0; */
+	overflow: auto;
 }
 
 :not(pre) > code[class*='language-'],
 pre[class*='language-'] {
-  color: #d6deeb;
-  background: #19212e;
+	color: #d6deeb;
+	background: #19212e;
 }
 
 :not(pre) > code[class*='language-'] {
-  /* padding: 0.1em; */
-  border-radius: 0.3em;
-  white-space: normal;
+	/* padding: 0.1em; */
+	border-radius: 0.3em;
+	white-space: normal;
 }
 
 .token.comment,
 .token.prolog,
 .token.cdata {
-  color: rgb(99, 119, 119);
+	color: rgb(99, 119, 119);
 }
 
 .token.punctuation {
-  color: rgb(199, 146, 234);
+	color: rgb(199, 146, 234);
 }
 
 .namespace {
-  color: rgb(178, 204, 214);
+	color: rgb(178, 204, 214);
 }
 
 .token.deleted {
-  color: rgba(239, 83, 80, 0.56);
-  font-style: italic;
+	color: rgba(239, 83, 80, 0.56);
+	font-style: italic;
 }
 
 .token.symbol,
 .token.property {
-  color: rgb(128, 203, 196);
+	color: rgb(128, 203, 196);
 }
 
 .token.tag,
 .token.operator,
 .token.keyword {
-  color: rgb(127, 219, 202);
+	color: rgb(127, 219, 202);
 }
 
 .token.boolean {
-  color: rgb(255, 88, 116);
+	color: rgb(255, 88, 116);
 }
 
 .token.number {
-  color: rgb(247, 140, 108);
+	color: rgb(247, 140, 108);
 }
 
 .token.constant,
 .token.function,
 .token.builtin,
 .token.char {
-  color: rgb(130, 170, 255);
+	color: rgb(130, 170, 255);
 }
 
 .token.selector,
 .token.doctype {
-  color: rgb(199, 146, 234);
-  font-style: italic;
+	color: rgb(199, 146, 234);
+	font-style: italic;
 }
 
 .token.attr-name,
 .token.inserted {
-  color: rgb(173, 219, 103);
-  font-style: italic;
+	color: rgb(173, 219, 103);
+	font-style: italic;
 }
 
 .token.string,
@@ -131,26 +131,26 @@ pre[class*='language-'] {
 .token.entity,
 .language-css .token.string,
 .style .token.string {
-  color: rgb(173, 219, 103);
+	color: rgb(173, 219, 103);
 }
 
 .token.class-name,
 .token.atrule,
 .token.attr-value {
-  color: rgb(255, 203, 139);
+	color: rgb(255, 203, 139);
 }
 
 .token.regex,
 .token.important,
 .token.variable {
-  color: rgb(214, 222, 235);
+	color: rgb(214, 222, 235);
 }
 
 .token.important,
 .token.bold {
-  font-weight: bold;
+	font-weight: bold;
 }
 
 .token.italic {
-  font-style: italic;
+	font-style: italic;
 }
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index bc1dbc9c..cfd32140 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,109 +1,109 @@
 <script>
-  import { browser } from '$app/environment'
-  import { page } from '$app/stores'
-  import {
-    PUBLIC_FATHOM_ID,
-    PUBLIC_FATHOM_URL,
-  } from '$env/static/public'
-  import { GitHub, Twitter, YouTube } from '$lib/icons'
-  import spencee_img from '$lib/images/spencee.png'
-  import * as Fathom from 'fathom-client'
-  import { onMount } from 'svelte'
-  import '../app.css'
-  import '../prism.css'
+	import { browser } from '$app/environment'
+	import { page } from '$app/stores'
+	import {
+		PUBLIC_FATHOM_ID,
+		PUBLIC_FATHOM_URL,
+	} from '$env/static/public'
+	import { GitHub, Twitter, YouTube } from '$lib/icons'
+	import spencee_img from '$lib/images/spencee.png'
+	import * as Fathom from 'fathom-client'
+	import { onMount } from 'svelte'
+	import '../app.css'
+	import '../prism.css'
 
-  onMount(() => {
-    Fathom.load(PUBLIC_FATHOM_ID, {
-      url: PUBLIC_FATHOM_URL,
-    })
-  })
+	onMount(() => {
+		Fathom.load(PUBLIC_FATHOM_ID, {
+			url: PUBLIC_FATHOM_URL,
+		})
+	})
 
-  $: $page.url.pathname, browser && Fathom.trackPageview()
+	$: $page.url.pathname, browser && Fathom.trackPageview()
 </script>
 
 <header class="text-right">
-  <span
-    class="tooltip tooltip-bottom before:text-xs before:content-[attr(data-tip)] m-4"
-    data-tip="GitHub"
-  >
-    <div class="flex-none items-center">
-      <a
-        aria-label="Github"
-        on:click={() => Fathom.trackGoal(`AVHDQHY5`, 1)}
-        target="_blank"
-        href="https://github.com/spences10/sveltekit-embed"
-        rel="noopener noreferrer"
-        class="btn btn-ghost drawer-button btn-square normal-case"
-      >
-        <GitHub
-          height="30"
-          width="30"
-          fill="fill-white fill-primary"
-        />
-      </a>
-    </div>
-  </span>
+	<span
+		class="tooltip tooltip-bottom before:text-xs before:content-[attr(data-tip)] m-4"
+		data-tip="GitHub"
+	>
+		<div class="flex-none items-center">
+			<a
+				aria-label="Github"
+				on:click={() => Fathom.trackGoal(`AVHDQHY5`, 1)}
+				target="_blank"
+				href="https://github.com/spences10/sveltekit-embed"
+				rel="noopener noreferrer"
+				class="btn btn-ghost drawer-button btn-square normal-case"
+			>
+				<GitHub
+					height="30"
+					width="30"
+					fill="fill-white fill-primary"
+				/>
+			</a>
+		</div>
+	</span>
 </header>
 
 <main class="prose prose-xl container max-w-3xl mx-auto px-4 mb-20">
-  <slot />
+	<slot />
 </main>
 
 <footer
-  class="p-10 footer bg-primary text-primary-content footer-center"
+	class="p-10 footer bg-primary text-primary-content footer-center"
 >
-  <div class="text-xl">
-    <img
-      src={spencee_img}
-      alt="Scott avatar"
-      class="rounded-full h-20"
-    />
-    <p class="font-bold">
-      Made with <span role="img" aria-label="red heart">❤️</span> by
-      <a
-        class="link transition hover:text-secondary"
-        on:click={() => Fathom.trackGoal(`I2QEP6J7`, 1)}
-        href="https://scottspence.com"
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        Scott Spence
-      </a>
-    </p>
-    <p>
-      Copyright © {`${new Date().getFullYear()}`} - All rights reserved
-      <span role="img" aria-label="shruggin emoji">🤷</span>
-    </p>
-  </div>
-  <div>
-    <div class="grid grid-flow-col gap-4">
-      <a
-        aria-label="Twitter"
-        on:click={() => Fathom.trackGoal(`TDFSFLH6`, 1)}
-        target="_blank"
-        rel="noopener noreferrer"
-        href="https://twitter.com/spences10"
-      >
-        <Twitter />
-      </a>
-      <a
-        aria-label="GitHub"
-        on:click={() => Fathom.trackGoal(`SFTCEHDU`, 1)}
-        target="_blank"
-        rel="noopener noreferrer"
-        href="https://github.com/spences10"
-      >
-        <GitHub />
-      </a>
-      <a
-        aria-label="YouTube"
-        on:click={() => Fathom.trackGoal(`PBZ3XFUF`, 1)}
-        target="_blank"
-        rel="noopener noreferrer"
-        href="https://ss10/yt"
-      >
-        <YouTube />
-      </a>
-    </div>
-  </div>
+	<div class="text-xl">
+		<img
+			src={spencee_img}
+			alt="Scott avatar"
+			class="rounded-full h-20"
+		/>
+		<p class="font-bold">
+			Made with <span role="img" aria-label="red heart">❤️</span> by
+			<a
+				class="link transition hover:text-secondary"
+				on:click={() => Fathom.trackGoal(`I2QEP6J7`, 1)}
+				href="https://scottspence.com"
+				target="_blank"
+				rel="noopener noreferrer"
+			>
+				Scott Spence
+			</a>
+		</p>
+		<p>
+			Copyright © {`${new Date().getFullYear()}`} - All rights reserved
+			<span role="img" aria-label="shruggin emoji">🤷</span>
+		</p>
+	</div>
+	<div>
+		<div class="grid grid-flow-col gap-4">
+			<a
+				aria-label="Twitter"
+				on:click={() => Fathom.trackGoal(`TDFSFLH6`, 1)}
+				target="_blank"
+				rel="noopener noreferrer"
+				href="https://twitter.com/spences10"
+			>
+				<Twitter />
+			</a>
+			<a
+				aria-label="GitHub"
+				on:click={() => Fathom.trackGoal(`SFTCEHDU`, 1)}
+				target="_blank"
+				rel="noopener noreferrer"
+				href="https://github.com/spences10"
+			>
+				<GitHub />
+			</a>
+			<a
+				aria-label="YouTube"
+				on:click={() => Fathom.trackGoal(`PBZ3XFUF`, 1)}
+				target="_blank"
+				rel="noopener noreferrer"
+				href="https://ss10/yt"
+			>
+				<YouTube />
+			</a>
+		</div>
+	</div>
 </footer>
diff --git a/src/routes/+page.md b/src/routes/+page.md
index 15dfa287..963242d9 100644
--- a/src/routes/+page.md
+++ b/src/routes/+page.md
@@ -32,6 +32,8 @@
 
 <Head {title} {description} {image} {url} {website} />
 
+<!-- cSpell:ignore yyoood,Zokm,Zrzbx -->
+
 # SvelteKit Embed
 
 This is a collection of embed components I use on a regular basis
@@ -52,11 +54,11 @@ pnpm i -D sveltekit-embed # npm or yarn even
 ```svelte
 <!-- +page.svelte -->
 <script>
-  import { AnchorFm } from 'sveltekit-embed'
+	import { AnchorFm } from 'sveltekit-embed'
 </script>
 
 <AnchorFm
-  episodeUrl="purrfect-dev/embed/episodes/1-31---Delivering-Digital-Content-with-GraphCMS-e14g55c/a-a650v9a"
+	episodeUrl="purrfect-dev/embed/episodes/1-31---Delivering-Digital-Content-with-GraphCMS-e14g55c/a-a650v9a"
 />
 ```
 
@@ -99,7 +101,7 @@ Usage:
 
 ```html
 <AnchorFm
-  episodeUrl="purrfect-dev/embed/episodes/1-31---Delivering-Digital-Content-with-GraphCMS-e14g55c/a-a650v9a"
+	episodeUrl="purrfect-dev/embed/episodes/1-31---Delivering-Digital-Content-with-GraphCMS-e14g55c/a-a650v9a"
 />
 ```
 
@@ -123,7 +125,7 @@ Usage:
 
 ```html
 <Buzzsprout
-  buzzsproutId="190346/9866589-185-scott-spence-from-vba-analyst-to-webdev"
+	buzzsproutId="190346/9866589-185-scott-spence-from-vba-analyst-to-webdev"
 />
 ```
 
@@ -282,9 +284,9 @@ Usage:
 
 ```html
 <Guild
-  type="guild"
-  card_id="svelte-society-london"
-  display_type="events/latest"
+	type="guild"
+	card_id="svelte-society-london"
+	display_type="events/latest"
 />
 ```
 
@@ -356,8 +358,8 @@ Usage:
 
 ```html
 <Slides
-  username="spences10"
-  title="building-with-sveltekit-and-graphql"
+	username="spences10"
+	title="building-with-sveltekit-and-graphql"
 />
 ```
 
@@ -380,7 +382,7 @@ Usage:
 
 ```html
 <SoundCloud
-  soundcloudLink="https://soundcloud.com/dimension_uk/sets/prospa-want-need-love"
+	soundcloudLink="https://soundcloud.com/dimension_uk/sets/prospa-want-need-love"
 />
 ```
 
@@ -404,9 +406,9 @@ Usage:
 
 ```html
 <Spotify
-  spotifyLink="show/4XPl3uEEL9hvqMkoZrzbx5"
-  width="100%"
-  height="180px"
+	spotifyLink="show/4XPl3uEEL9hvqMkoZrzbx5"
+	width="100%"
+	height="180px"
 />
 ```
 
@@ -458,9 +460,9 @@ Usage:
 
 ```html
 <Toot
-  instance="mas.to"
-  username="@spences10"
-  tootId="109252587760962553"
+	instance="mas.to"
+	username="@spences10"
+	tootId="109252587760962553"
 />
 ```
 
diff --git a/svelte.config.js b/svelte.config.js
index 082f3e15..b973d040 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -5,20 +5,20 @@ import preprocess from 'svelte-preprocess'
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-  extensions: ['.svelte', ...mdsvexConfig.extensions],
+	extensions: ['.svelte', ...mdsvexConfig.extensions],
 
-  // Consult https://github.com/sveltejs/svelte-preprocess
-  // for more information about preprocessors
-  preprocess: [
-    preprocess({
-      postcss: true,
-    }),
-    mdsvex(mdsvexConfig),
-  ],
+	// Consult https://github.com/sveltejs/svelte-preprocess
+	// for more information about preprocessors
+	preprocess: [
+		preprocess({
+			postcss: true,
+		}),
+		mdsvex(mdsvexConfig),
+	],
 
-  kit: {
-    adapter: adapter(),
-  },
+	kit: {
+		adapter: adapter(),
+	},
 }
 
 export default config
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index e6a4b4b8..567b0720 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -2,17 +2,17 @@ const typography = require('@tailwindcss/typography')
 const daisyui = require('daisyui')
 
 const config = {
-  content: ['./src/**/*.{html,js,svelte,ts}'],
+	content: ['./src/**/*.{html,js,svelte,ts}'],
 
-  theme: {
-    extend: {},
-  },
+	theme: {
+		extend: {},
+	},
 
-  plugins: [typography, daisyui],
+	plugins: [typography, daisyui],
 
-  daisyui: {
-    themes: ['night', 'winter'],
-  },
+	daisyui: {
+		themes: ['night', 'winter'],
+	},
 }
 
 module.exports = config
diff --git a/tests/test.ts b/tests/test.ts
index 47703f23..56a1dc60 100644
--- a/tests/test.ts
+++ b/tests/test.ts
@@ -1,6 +1,6 @@
 import { expect, test } from '@playwright/test'
 
 test('index page has expected h1', async ({ page }) => {
-  await page.goto('/')
-  expect(await page.textContent('h1')).toBe('SvelteKit Embed')
+	await page.goto('/')
+	expect(await page.textContent('h1')).toBe('SvelteKit Embed')
 })
diff --git a/tsconfig.json b/tsconfig.json
index ee18c37e..d2655e98 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,17 +1,17 @@
 {
-  "extends": "./.svelte-kit/tsconfig.json",
-  "compilerOptions": {
-    "allowJs": true,
-    "checkJs": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "lib": ["es2020", "DOM"],
-    "moduleResolution": "node",
-    "module": "es2020",
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
-    "sourceMap": true,
-    "strict": false,
-    "target": "es2020"
-  }
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"lib": ["es2020", "DOM"],
+		"moduleResolution": "node",
+		"module": "es2020",
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": false,
+		"target": "es2020"
+	}
 }
diff --git a/vite.config.js b/vite.config.js
index b3a8a0da..d5d70cc0 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -2,19 +2,19 @@ import { sveltekit } from '@sveltejs/kit/vite'
 
 /** @type {import('vite').UserConfig} */
 const config = {
-  plugins: [sveltekit()],
-  test: {
-    environment: 'jsdom',
-    include: ['src/**/*.{test,spec}.{js,ts}'],
-  },
-  // https://vitejs.dev/config/#server-fs-allow
-  server: {
-    fs: {
-      // Allow serving files from one level up to the project root
-      // posts, copy
-      allow: ['..'],
-    },
-  },
+	plugins: [sveltekit()],
+	test: {
+		environment: 'jsdom',
+		include: ['src/**/*.{test,spec}.{js,ts}'],
+	},
+	// https://vitejs.dev/config/#server-fs-allow
+	server: {
+		fs: {
+			// Allow serving files from one level up to the project root
+			// posts, copy
+			allow: ['..'],
+		},
+	},
 }
 
 export default config

From c2e4f40456b9ce9d7eb93755f109d549022390b2 Mon Sep 17 00:00:00 2001
From: spences10 <spences10apps@gmail.com>
Date: Tue, 7 Mar 2023 20:55:58 +0000
Subject: [PATCH 6/6] test: :white_check_mark: refactor anchorfm component with
 tests

---
 src/lib/components/anchor-fm.svelte  | 41 ++++++++++-----------
 src/lib/components/anchor-fm.test.ts | 53 +++++++++++++++++-----------
 2 files changed, 54 insertions(+), 40 deletions(-)

diff --git a/src/lib/components/anchor-fm.svelte b/src/lib/components/anchor-fm.svelte
index 0544f530..3118378d 100644
--- a/src/lib/components/anchor-fm.svelte
+++ b/src/lib/components/anchor-fm.svelte
@@ -1,35 +1,36 @@
 <script lang="ts">
-  import GeneralObserver from './general-observer.svelte'
+	import GeneralObserver from './general-observer.svelte'
 
-  export let episodeUrl: string
-  export let height: string = '100'
-  export let width: string = '100'
+	export let episodeUrl: string
+	export let height: string = '100'
+	export let width: string = '100'
+	export let disable_observer: boolean = false
 </script>
 
-<GeneralObserver>
-  <div
-    class="anchor-fm-episode-svelte-embed"
-    style={`
+<GeneralObserver {disable_observer}>
+	<div
+		class="anchor-fm-episode-svelte-embed"
+		style={`
       position: relative;
       height: ${height}px;
       width: ${width}%;
     `}
-  >
-    <iframe
-      data-testid="anchor-fm-episode"
-      title={`anchor-fm-${episodeUrl}`}
-      src={`https://anchor.fm/${episodeUrl}`}
-      {height}
-      {width}
-      frameborder="0"
-      scrolling="no"
-      style={`
+	>
+		<iframe
+			data-testid="anchor-fm-episode"
+			title={`anchor-fm-${episodeUrl}`}
+			src={`https://anchor.fm/${episodeUrl}`}
+			{height}
+			{width}
+			frameborder="0"
+			scrolling="no"
+			style={`
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
       `}
-    />
-  </div>
+		/>
+	</div>
 </GeneralObserver>
diff --git a/src/lib/components/anchor-fm.test.ts b/src/lib/components/anchor-fm.test.ts
index ae6374ab..ab030bd7 100644
--- a/src/lib/components/anchor-fm.test.ts
+++ b/src/lib/components/anchor-fm.test.ts
@@ -1,29 +1,42 @@
 import AnchorFm from '$lib/components/anchor-fm.svelte'
 import { cleanup, render } from '@testing-library/svelte'
-import { afterEach, describe, expect, it, vi } from 'vitest'
+import { afterEach, describe, expect, it } from 'vitest'
 
-globalThis.IntersectionObserver = vi.fn(() => ({
-  observe: () => null,
-  unobserve: () => null,
-  disconnect: () => null,
-})) as unknown as typeof globalThis.IntersectionObserver
+let episodeUrl =
+	'purrfect-dev/embed/episodes/1-31---Delivering-Digital-Content-with-GraphCMS-e14g55c/a-a650v9a'
 
 describe('AnchorFm', () => {
-  afterEach(() => cleanup())
+	afterEach(() => cleanup())
 
-  it('mounts', async () => {
-    const { container } = render(AnchorFm)
-    expect(container).toBeTruthy()
-  })
+	it('mounts with episode url', async () => {
+		const { container } = render(AnchorFm, {
+			episodeUrl,
+			disable_observer: true,
+		})
+		expect(container).toBeTruthy()
+	})
 
-  it.skip('has episode url', async () => {
-    const { container } = render(AnchorFm, {
-      episodeUrl:
-        'purrfect-dev/embed/episodes/1-31---Delivering-Digital-Content-with-GraphCMS-e14g55c/a-a650v9a',
-    })
+	it('renders iframe with episode url', async () => {
+		const { getByTestId } = render(AnchorFm, {
+			episodeUrl,
+			disable_observer: true,
+		})
+		const iframe = getByTestId('anchor-fm-episode')
+		const expectedSrc = `https://anchor.fm/${episodeUrl}`
+		expect(iframe.getAttribute('src')).toBe(expectedSrc)
+	})
 
-    expect(container.querySelectorAll('h2')).toBe(
-      '1.31 - Delivering Digital Content with GraphCMS'
-    )
-  })
+	it('sets iframe dimensions based on props', async () => {
+		const height = '200'
+		const width = '75'
+		const { getByTestId } = render(AnchorFm, {
+			episodeUrl,
+			height,
+			width,
+			disable_observer: true,
+		})
+		const iframe = getByTestId('anchor-fm-episode')
+		expect(iframe.getAttribute('height')).toBe(height)
+		expect(iframe.getAttribute('width')).toBe(`${width}`)
+	})
 })