From 38ba5cb660fb093bca1a621c364f0f385659a0b4 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Fri, 1 Dec 2023 23:55:25 -0800
Subject: change component imports

---
 src/components/404.svelte                          |  2 +-
 src/components/About.svelte                        | 23 +++++++------
 src/components/AppHeader.svelte                    |  3 +-
 src/components/Avatar.svelte                       |  2 +-
 src/components/Balance.svelte                      |  2 +-
 src/components/Code.svelte                         |  2 +-
 src/components/Event.svelte                        |  3 +-
 src/components/Feed.svelte                         |  2 +-
 src/components/Footer.svelte                       |  3 +-
 src/components/Invoice.svelte                      |  3 +-
 src/components/LandingHeader.svelte                |  2 +-
 src/components/LandingHero.svelte                  |  3 +-
 src/components/Lnurlp.svelte                       |  3 +-
 src/components/Lnurlw.svelte                       |  3 +-
 src/components/LoadingSplash.svelte                |  2 +-
 src/components/LocationsMap.svelte                 |  3 +-
 src/components/Numpad.svelte                       |  3 +-
 src/components/Password.svelte                     |  2 +-
 src/components/Pin.svelte                          |  2 +-
 src/components/Pinpad.svelte                       |  3 +-
 src/components/Popup.svelte                        |  2 +-
 src/components/RegisterOrLogin.svelte              |  4 ++-
 src/components/Request.svelte                      |  5 ++-
 src/components/index.js                            | 40 ----------------------
 src/routes/(app)/+error.svelte                     |  2 +-
 src/routes/(app)/+layout.svelte                    |  5 ++-
 .../(app)/[username]/(profile)/+layout.svelte      |  2 +-
 src/routes/(app)/[username]/(profile)/+page.svelte |  5 ++-
 .../[username]/(profile)/event/[id]/+page.svelte   |  2 +-
 .../[username]/(profile)/followers/+page.svelte    |  2 +-
 .../[username]/(profile)/follows/+page.svelte      |  2 +-
 .../[username]/(profile)/request/+page.svelte      |  2 +-
 .../[username]/(profile)/request/sent/+page.svelte |  2 +-
 src/routes/(app)/[username]/+layout.svelte         |  2 +-
 .../(app)/[username]/card/[serial]/+page.svelte    |  3 +-
 src/routes/(app)/[username]/funds/+page.svelte     |  3 +-
 src/routes/(app)/[username]/generate/+page.svelte  |  2 +-
 .../(app)/[username]/invoice/[id]/+page.svelte     |  5 ++-
 .../[username]/invoice/[id]/paid/+page.svelte      |  2 +-
 .../(app)/[username]/invoice/[id]/tip/+page.svelte |  3 +-
 .../(app)/[username]/invoice/sent/+page.svelte     |  3 +-
 src/routes/(app)/[username]/map/+page.svelte       |  8 -----
 src/routes/(app)/[username]/messages/+page.svelte  |  3 +-
 .../[username]/payments/[...page]/+page.svelte     |  3 +-
 .../[username]/receive/[...param]/+page.svelte     |  4 ++-
 .../(app)/[username]/request/[id]/+page.svelte     |  3 +-
 .../[username]/settings/[...tab]/+page.svelte      |  4 ++-
 .../[username]/settings/[...tab]/_account.svelte   |  2 +-
 .../(app)/[username]/settings/[...tab]/_pos.svelte |  4 ++-
 .../[username]/settings/[...tab]/_security.svelte  |  4 ++-
 .../[username]/settings/[...tab]/_shopify.svelte   |  2 +-
 src/routes/(app)/admin/+layout.svelte              |  2 +-
 src/routes/(app)/buy/+page.svelte                  |  6 +++-
 src/routes/(app)/fund/[id]/+page.svelte            |  3 +-
 src/routes/(app)/fund/[id]/sweep/+page.svelte      |  2 +-
 src/routes/(app)/fund/[id]/withdraw/+page.svelte   |  4 ++-
 src/routes/(app)/launch/+page.svelte               |  4 +--
 src/routes/(app)/launch/purchase/card/+page.svelte |  5 ++-
 src/routes/(app)/ln/[lnurl]/+page.svelte           |  2 +-
 src/routes/(app)/ln/withdrawal/sent/+page.svelte   |  2 +-
 src/routes/(app)/login/+page.svelte                |  2 +-
 src/routes/(app)/payment/[id]/+page.svelte         |  2 +-
 src/routes/(app)/payment/[id]/plain/+page.svelte   |  3 +-
 src/routes/(app)/qr/[text]/+page.svelte            |  3 +-
 src/routes/(app)/register/+page.svelte             |  6 +++-
 src/routes/(app)/scan/+page.svelte                 |  2 +-
 src/routes/(app)/send/+layout.svelte               |  2 +-
 src/routes/(app)/send/[...text]/+page.svelte       |  5 ++-
 .../bitcoin/[address]/[...amount]/+page.svelte     |  6 +++-
 .../send/fund/[name]/[...amount]/+page.svelte      |  4 ++-
 src/routes/(app)/send/invoice/[id]/+page.svelte    |  5 ++-
 .../(app)/send/lightning/[payreq]/+page.svelte     |  4 ++-
 .../send/user/[username]/[...amount]/+page.svelte  |  6 +++-
 src/routes/(app)/sent/+page.svelte                 |  2 +-
 src/routes/(app)/support/+page.svelte              |  3 +-
 src/routes/(static)/+layout.svelte                 |  4 ++-
 src/routes/(static)/docs/+page.svelte              |  5 ++-
 src/routes/+page.svelte                            | 28 +++++++--------
 src/routes/map/+page.svelte                        | 18 ----------
 79 files changed, 178 insertions(+), 168 deletions(-)

(limited to 'src')

diff --git a/src/components/404.svelte b/src/components/404.svelte
index d831a40a..7c2e45ee 100644
--- a/src/components/404.svelte
+++ b/src/components/404.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { Icon } from "$comp";
+  import Icon from "$comp/Icon.svelte";
   import { t } from "$lib/translations";
 </script>
 
diff --git a/src/components/About.svelte b/src/components/About.svelte
index 6e0cdcb5..0087e350 100644
--- a/src/components/About.svelte
+++ b/src/components/About.svelte
@@ -1,16 +1,8 @@
 <script>
   import { onMount } from "svelte";
-
-  let locations;
-  onMount(async () => {
-    try {
-      ({ locations } = await fetch("/locations").then((r) => r.json()));
-    } catch (e) {
-      console.log(e);
-    }
-  });
-
-  import { Image, Icon, LocationsMap } from "$comp";
+  import Icon from "$comp/Icon.svelte";
+  import Image from "$comp/Image.svelte";
+  import LocationsMap from "$comp/LocationsMap.svelte";
   import { t } from "$lib/translations";
 
   let team = [
@@ -31,6 +23,15 @@
     },
     { name: "cole", socials: [] },
   ];
+
+  let locations;
+  onMount(async () => {
+    try {
+      ({ locations } = await fetch("/locations").then((r) => r.json()));
+    } catch (e) {
+      console.log(e);
+    }
+  });
 </script>
 
 <div class="flex justify-center">
diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte
index 2f088eec..9782237b 100644
--- a/src/components/AppHeader.svelte
+++ b/src/components/AppHeader.svelte
@@ -2,7 +2,8 @@
   import OutClick from "svelte-outclick";
   import { banner, newPayment, colorTheme } from "$lib/store";
   import { goto } from "$app/navigation";
-  import { Avatar, Icon } from "$comp";
+  import Avatar from "$comp/Avatar.svelte";
+  import Icon  from "$comp/Icon.svelte";
   import { loading, t } from "$lib/translations";
   import { page } from "$app/stores";
 
diff --git a/src/components/Avatar.svelte b/src/components/Avatar.svelte
index 3955a42f..f13404bd 100644
--- a/src/components/Avatar.svelte
+++ b/src/components/Avatar.svelte
@@ -1,6 +1,6 @@
 <script>
   import { avatar, banner, colorTheme } from "$lib/store";
-  import { Icon } from "$comp";
+  import Icon from "$comp/Icon.svelte";
   import { punk } from "$lib/utils";
 
   export let user;
diff --git a/src/components/Balance.svelte b/src/components/Balance.svelte
index 92714f98..fc986b1f 100644
--- a/src/components/Balance.svelte
+++ b/src/components/Balance.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { Pin } from "$comp";
+  import Pin from "$comp/Pin.svelte";
   import { f, s, sat, sats } from "$lib/utils";
   import { animatedRate, pin } from "$lib/store";
   import { t } from "$lib/translations";
diff --git a/src/components/Code.svelte b/src/components/Code.svelte
index 6c1048cf..c8c1058a 100644
--- a/src/components/Code.svelte
+++ b/src/components/Code.svelte
@@ -1,6 +1,6 @@
 <script>
   import { copyNoNewlines as copy } from "$lib/utils";
-  import { Icon } from "$comp";
+  import Icon from "$comp/Icon.svelte";
   import samples from "$lib/samples";
   export let sample;
 </script>
diff --git a/src/components/Event.svelte b/src/components/Event.svelte
index 2312f44e..d3a6c0af 100644
--- a/src/components/Event.svelte
+++ b/src/components/Event.svelte
@@ -1,5 +1,6 @@
 <script>
-  import { Avatar, Icon } from "$comp";
+  import Avatar from "$comp/Avatar.svelte";
+  import Icon from "$comp/Icon.svelte";
   export let event;
 
   let { id, user, seen, content } = event;
diff --git a/src/components/Feed.svelte b/src/components/Feed.svelte
index 0c9c96d1..5dc2b21a 100644
--- a/src/components/Feed.svelte
+++ b/src/components/Feed.svelte
@@ -1,7 +1,7 @@
 <script>
   import { t } from "$lib/translations";
   import { onMount } from "svelte";
-  import { Event } from "$comp";
+  import Event from "$comp/Event.svelte";
   import { browser } from "$app/environment";
   import VirtualScroll from "svelte-virtual-scroll-list";
   import { fail } from "$lib/utils";
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
index c1ac79cf..d70c013c 100644
--- a/src/components/Footer.svelte
+++ b/src/components/Footer.svelte
@@ -1,5 +1,6 @@
 <script>
-  import { Icon, LocaleSelector } from "$comp";
+  import Icon from "$comp/Icon.svelte";
+  import LocaleSelector from "$comp/LocaleSelector.svelte";
   import { t } from "$lib/translations";
 
   const followLinks = [
diff --git a/src/components/Invoice.svelte b/src/components/Invoice.svelte
index 363d260a..ba436649 100644
--- a/src/components/Invoice.svelte
+++ b/src/components/Invoice.svelte
@@ -2,7 +2,8 @@
   import { t } from "$lib/translations";
   import { f, sat, sats } from "$lib/utils";
   import { fly } from "svelte/transition";
-  import { Avatar, Icon } from "$comp";
+  import Avatar from "$comp/Avatar.svelte";
+  import Icon from "$comp/Icon.svelte";
   import { invoice } from "$lib/store";
 </script>
 
diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte
index 556d44a3..d1094a1d 100644
--- a/src/components/LandingHeader.svelte
+++ b/src/components/LandingHeader.svelte
@@ -1,7 +1,7 @@
 <script>
   import { goto } from "$app/navigation";
   import { scroll } from "$lib/utils";
-  import { Icon } from "$comp";
+  import Icon from "$comp/Icon.svelte";
   import { t } from "$lib/translations";
   import { page } from "$app/stores";
 
diff --git a/src/components/LandingHero.svelte b/src/components/LandingHero.svelte
index e03bfdc2..43223499 100644
--- a/src/components/LandingHero.svelte
+++ b/src/components/LandingHero.svelte
@@ -1,6 +1,7 @@
 <script>
   import { goto } from "$app/navigation";
-  import { Icon, Image } from "$comp";
+  import Icon from "$comp/Icon.svelte";
+  import Image from "$comp/Image.svelte";
   import { t } from "$lib/translations";
 </script>
 
diff --git a/src/components/Lnurlp.svelte b/src/components/Lnurlp.svelte
index 427e4c07..d4ba7bb5 100644
--- a/src/components/Lnurlp.svelte
+++ b/src/components/Lnurlp.svelte
@@ -1,7 +1,8 @@
 <script>
   import { t } from "$lib/translations";
   import { enhance } from "$app/forms";
-  import { Numpad, Spinner } from "$comp";
+  import Numpad from "$comp/Numpad.svelte";
+  import Spinner  from "$comp/Spinner.svelte";
   import { pin } from "$lib/store";
 
   export let data, form;
diff --git a/src/components/Lnurlw.svelte b/src/components/Lnurlw.svelte
index 09bbca7f..b83e648f 100644
--- a/src/components/Lnurlw.svelte
+++ b/src/components/Lnurlw.svelte
@@ -1,7 +1,8 @@
 <script>
   import { t } from "$lib/translations";
   import { enhance } from "$app/forms";
-  import { Numpad, Spinner } from "$comp";
+  import Numpad from "$comp/Numpad.svelte";
+  import Spinner from "$comp/Spinner.svelte";
   import { pin } from "$lib/store";
 
   export let data, form;
diff --git a/src/components/LoadingSplash.svelte b/src/components/LoadingSplash.svelte
index 65ee5cd8..41477a4e 100644
--- a/src/components/LoadingSplash.svelte
+++ b/src/components/LoadingSplash.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { Icon } from "$comp";
+  import Icon from "$comp/Icon.svelte";
 </script>
 
 <div class="flex justify-center items-center">
diff --git a/src/components/LocationsMap.svelte b/src/components/LocationsMap.svelte
index cd26d4bd..b41b1a73 100644
--- a/src/components/LocationsMap.svelte
+++ b/src/components/LocationsMap.svelte
@@ -1,7 +1,8 @@
 <script>
   import { tick, onMount, onDestroy } from "svelte";
   import { browser } from "$app/environment";
-  import { Icon, Popup } from "$comp";
+  import Icon from "$comp/Icon.svelte";
+  import Popup from "$comp/Popup.svelte";
   import { shuffleArray } from "$lib/utils";
 
   import "maplibre-gl/dist/maplibre-gl.css";
diff --git a/src/components/Numpad.svelte b/src/components/Numpad.svelte
index 6b779085..c758bf77 100644
--- a/src/components/Numpad.svelte
+++ b/src/components/Numpad.svelte
@@ -1,5 +1,6 @@
 <script>
-  import { Left, Icon } from "$comp";
+  import Left from "$comp/Left.svelte";
+  import Icon from "$comp/Icon.svelte";
   import { f, s, post, warning, sat, sats } from "$lib/utils";
   import { t } from "$lib/translations";
 
diff --git a/src/components/Password.svelte b/src/components/Password.svelte
index 007ce718..da65d718 100644
--- a/src/components/Password.svelte
+++ b/src/components/Password.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { Icon } from "$comp";
+  import Icon from "$comp/Icon.svelte";
   import { focus, fail, post } from "$lib/utils";
   import { password as pw, passwordPrompt } from "$lib/store";
 
diff --git a/src/components/Pin.svelte b/src/components/Pin.svelte
index bd51cb0a..9938f9a1 100644
--- a/src/components/Pin.svelte
+++ b/src/components/Pin.svelte
@@ -1,7 +1,7 @@
 <script>
   import { t } from "$lib/translations";
   import { post, success, fail, focus } from "$lib/utils";
-  import { Pinpad } from "$comp";
+  import Pinpad from "$comp/Pinpad.svelte";
   import { pin } from "$lib/store";
   import { onMount } from "svelte";
 
diff --git a/src/components/Pinpad.svelte b/src/components/Pinpad.svelte
index 5db23154..641ddb2b 100644
--- a/src/components/Pinpad.svelte
+++ b/src/components/Pinpad.svelte
@@ -1,5 +1,6 @@
 <script>
-  import { Left, Icon } from "$comp";
+  import Left from "$comp/Left.svelte";
+  import Icon from "$comp/Icon.svelte";
   import { focus, post, warning } from "$lib/utils";
   import { t } from "$lib/translations";
 
diff --git a/src/components/Popup.svelte b/src/components/Popup.svelte
index 5d2b9b6a..d59cfcfc 100644
--- a/src/components/Popup.svelte
+++ b/src/components/Popup.svelte
@@ -1,6 +1,6 @@
 <script>
   import { page } from "$app/stores";
-  import { Avatar } from "$comp";
+  import Avatar from "$comp/Avatar.svelte";
   export let tags;
 
   let addr = (tags) => {
diff --git a/src/components/RegisterOrLogin.svelte b/src/components/RegisterOrLogin.svelte
index 5617fc7b..be7d4142 100644
--- a/src/components/RegisterOrLogin.svelte
+++ b/src/components/RegisterOrLogin.svelte
@@ -3,7 +3,9 @@
   import { tick } from "svelte";
   import { fly } from "svelte/transition";
   import { enhance } from "$app/forms";
-  import { Pin, Icon, Spinner } from "$comp";
+  import Pin from "$comp/Pin.svelte";
+  import Icon from "$comp/Icon.svelte";
+  import Spinner from "$comp/Spinner.svelte";
   import { focus, fail } from "$lib/utils";
   import { password, loginRedirect } from "$lib/store";
   import { t } from "$lib/translations";
diff --git a/src/components/Request.svelte b/src/components/Request.svelte
index f3331954..c085f9e2 100644
--- a/src/components/Request.svelte
+++ b/src/components/Request.svelte
@@ -1,7 +1,10 @@
 <script>
   import { t } from "$lib/translations";
   import { fly } from "svelte/transition";
-  import { Avatar, Icon } from "$comp";
+
+  import Avatar from "$comp/Avatar.svelte";
+  import Icon from "$comp/Icon.svelte";
+
   import { request, requestRedirect } from "$lib/store";
   import { page } from "$app/stores";
 
diff --git a/src/components/index.js b/src/components/index.js
index 661ad4fa..e69de29b 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -1,40 +0,0 @@
-export { default as Popup } from "./Popup.svelte";
-export { default as Code } from "./Code.svelte";
-export { default as Slider } from "./Slider.svelte";
-export { default as Pinpad } from "./Pinpad.svelte";
-export { default as Balance } from "./Balance.svelte";
-export { default as Lnurlp } from "./Lnurlp.svelte";
-export { default as Lnurlw } from "./Lnurlw.svelte";
-export { default as Event } from "./Event.svelte";
-export { default as Password } from "./Password.svelte";
-export { default as Feed } from "./Feed.svelte";
-export { default as Invoice } from "./Invoice.svelte";
-export { default as Request } from "./Request.svelte";
-export { default as Pin } from "./Pin.svelte";
-export { default as Card } from "./Card.svelte";
-export { default as Lock } from "./Lock.svelte";
-export { default as Calendar } from "./Calendar.svelte";
-export { default as Avatar } from "./Avatar.svelte";
-export { default as Left } from "./Left.svelte";
-export { default as Numpad } from "./Numpad.svelte";
-export { default as Spinner } from "./Spinner.svelte";
-export { default as Check } from "./Check.svelte";
-export { default as Heart } from "./Heart.svelte";
-export { default as Quote } from "./Quote.svelte";
-export { default as LandingHeader } from "./LandingHeader.svelte";
-export { default as LandingHero } from "./LandingHero.svelte";
-export { default as LandingInfoCard } from "./LandingInfoCard.svelte";
-export { default as HowItWorksCard } from "./HowItWorksCard.svelte";
-export { default as FaqCard } from "./FaqCard.svelte";
-export { default as Icon } from "./Icon.svelte";
-export { default as Image } from "./Image.svelte";
-export { default as RegisterOrLogin } from "./RegisterOrLogin.svelte";
-export { default as AppHeader } from "./AppHeader.svelte";
-export { default as LocaleSelector } from "./LocaleSelector.svelte";
-export { default as LoadingSplash } from "./LoadingSplash.svelte";
-export { default as PageNotFound } from "./404.svelte";
-export { default as About } from "./About.svelte";
-export { default as Footer } from "./Footer.svelte";
-export { default as Toggle } from "./Toggle.svelte";
-export { default as LocationsMap } from "./LocationsMap.svelte";
-export { default as Qr } from "./Qr.svelte";
diff --git a/src/routes/(app)/+error.svelte b/src/routes/(app)/+error.svelte
index ed0bec3e..6ce7979c 100644
--- a/src/routes/(app)/+error.svelte
+++ b/src/routes/(app)/+error.svelte
@@ -1,6 +1,6 @@
 <script>
   import { back } from "$lib/utils";
-  import { Icon } from "$comp";
+  import Icon from "$comp/Icon.svelte";
   import { page } from "$app/stores";
 
   export let data;
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index c5a312e1..51ebd9fe 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -13,7 +13,10 @@
   import { page } from "$app/stores";
   import { browser } from "$app/environment";
   import { goto } from "$app/navigation";
-  import { LoadingSplash, Invoice, Password, Request } from "$comp";
+  import LoadingSplash from "$comp/LoadingSplash.svelte";
+  import Invoice from "$comp/Invoice.svelte";
+  import Password from "$comp/Password.svelte";
+  import Request  from "$comp/Request.svelte";
   import { warning, protectedRoutes } from "$lib/utils";
   import { t, locale } from "$lib/translations";
   import { onNavigate } from "$app/navigation";
diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte
index 6b166e2c..604f3fd0 100644
--- a/src/routes/(app)/[username]/(profile)/+layout.svelte
+++ b/src/routes/(app)/[username]/(profile)/+layout.svelte
@@ -2,7 +2,7 @@
   import { hexToUint8Array } from "uint8array-extras";
   import { copy, f, s, sats } from "$lib/utils";
   import { animatedRate } from "$lib/store";
-  import { Icon } from "$comp";
+  import Icon from "$comp/Icon.svelte";
   import { t } from "$lib/translations";
   import { sign, send } from "$lib/nostr";
   import { bech32m } from "@scure/base";
diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index b0e36090..36512d1e 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -1,6 +1,9 @@
 <script>
   import { onMount } from "svelte";
-  import { Icon, Avatar, Balance, Feed } from "$comp";
+  import Icon from "$comp/Icon.svelte";
+  import Avatar from "$comp/Avatar.svelte";
+  import Balance from "$comp/Balance.svelte";
+  import Feed from "$comp/Feed.svelte";
   import { t } from "$lib/translations";
   import { ease, f, sat, sats } from "$lib/utils";
   import { sign, send, encrypt, decrypt } from "$lib/nostr";
diff --git a/src/routes/(app)/[username]/(profile)/event/[id]/+page.svelte b/src/routes/(app)/[username]/(profile)/event/[id]/+page.svelte
index 1347947f..74ce1067 100644
--- a/src/routes/(app)/[username]/(profile)/event/[id]/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/event/[id]/+page.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { Event } from "$comp";
+  import Event from "$comp/Event.svelte";
   export let data;
   let { event } = data;
 </script>
diff --git a/src/routes/(app)/[username]/(profile)/followers/+page.svelte b/src/routes/(app)/[username]/(profile)/followers/+page.svelte
index f51af86b..e087ad42 100644
--- a/src/routes/(app)/[username]/(profile)/followers/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/followers/+page.svelte
@@ -1,6 +1,6 @@
 <script>
   import { t } from "$lib/translations";
-  import { Avatar } from "$comp";
+  import Avatar from "$comp/Avatar.svelte";
   import { browser } from "$app/environment";
   import VirtualScroll from "svelte-virtual-scroll-list";
 
diff --git a/src/routes/(app)/[username]/(profile)/follows/+page.svelte b/src/routes/(app)/[username]/(profile)/follows/+page.svelte
index 4f1bf32b..e4363796 100644
--- a/src/routes/(app)/[username]/(profile)/follows/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/follows/+page.svelte
@@ -1,6 +1,6 @@
 <script>
   import { t } from "$lib/translations";
-  import { Avatar } from "$comp";
+  import Avatar from "$comp/Avatar.svelte";
   import { browser } from "$app/environment";
   import VirtualScroll from "svelte-virtual-scroll-list";
 
diff --git a/src/routes/(app)/[username]/(profile)/request/+page.svelte b/src/routes/(app)/[username]/(profile)/request/+page.svelte
index 5727c3d4..a07ee914 100644
--- a/src/routes/(app)/[username]/(profile)/request/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/request/+page.svelte
@@ -1,7 +1,7 @@
 <script>
   import { t } from "$lib/translations";
   import { enhance } from "$app/forms";
-  import { Icon } from "$comp";
+  import Icon from "$comp/Icon.svelte";
 
   export let data;
 
diff --git a/src/routes/(app)/[username]/(profile)/request/sent/+page.svelte b/src/routes/(app)/[username]/(profile)/request/sent/+page.svelte
index 6ce0c9f6..ce5eb276 100644
--- a/src/routes/(app)/[username]/(profile)/request/sent/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/request/sent/+page.svelte
@@ -1,6 +1,6 @@
 <script>
   import { scale } from "svelte/transition";
-  import { Icon } from "$comp";
+  import Icon from "$comp/Icon.svelte";
 
   export let data;
   let { subject } = data;
diff --git a/src/routes/(app)/[username]/+layout.svelte b/src/routes/(app)/[username]/+layout.svelte
index 3a351e48..dd29e3aa 100644
--- a/src/routes/(app)/[username]/+layout.svelte
+++ b/src/routes/(app)/[username]/+layout.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { AppHeader } from "$comp";
+  import AppHeader from "$comp/AppHeader.svelte";
   import { onNavigate } from "$app/navigation";
   export let data;
 
diff --git a/src/routes/(app)/[username]/card/[serial]/+page.svelte b/src/routes/(app)/[username]/card/[serial]/+page.svelte
index a2e17dfc..1d11ebee 100644
--- a/src/routes/(app)/[username]/card/[serial]/+page.svelte
+++ b/src/routes/(app)/[username]/card/[serial]/+page.svelte
@@ -1,5 +1,6 @@
 <script>
-  import { Card, Icon } from "$comp";
+  import Card from "$comp/Card.svelte";
+  import Icon from "$comp/Icon.svelte";
   export let data;
   let { serial } = data;
   let balance = 0;
diff --git a/src/routes/(app)/[username]/funds/+page.svelte b/src/routes/(app)/[username]/funds/+page.svelte
index 667176e1..25686e86 100644
--- a/src/routes/(app)/[username]/funds/+page.svelte
+++ b/src/routes/(app)/[username]/funds/+page.svelte
@@ -1,5 +1,6 @@
 <script>
-  import { Avatar, Icon } from "$comp";
+  import Avatar from "$comp/Avatar.svelte";
+  import Icon from "$comp/Icon.svelte";
   import { t } from "$lib/translations";
 
   export let data;
diff --git a/src/routes/(app)/[username]/generate/+page.svelte b/src/routes/(app)/[username]/generate/+page.svelte
index 4ebb5eae..68f5741a 100644
--- a/src/routes/(app)/[username]/generate/+page.svelte
+++ b/src/routes/(app)/[username]/generate/+page.svelte
@@ -2,7 +2,7 @@
   import { fail, post, wait } from "$lib/utils";
   import { onMount } from "svelte";
   import { goto, invalidate } from "$app/navigation";
-  import { Pin } from "$comp";
+   import Pin from "$comp/Pin.svelte" 
   import { loginRedirect, pin, password, passwordPrompt } from "$lib/store";
   import { generate } from "$lib/nostr";
   import { browser } from "$app/environment";
diff --git a/src/routes/(app)/[username]/invoice/[id]/+page.svelte b/src/routes/(app)/[username]/invoice/[id]/+page.svelte
index b6bf70b7..b18c1a70 100644
--- a/src/routes/(app)/[username]/invoice/[id]/+page.svelte
+++ b/src/routes/(app)/[username]/invoice/[id]/+page.svelte
@@ -16,7 +16,10 @@
   import { tick, onMount, onDestroy } from "svelte";
   import { browser } from "$app/environment";
   import { last } from "$lib/store";
-  import { Avatar, Icon, Heart, Image } from "$comp";
+  import Avatar from "$comp/Avatar.svelte";
+  import Icon from "$comp/Icon.svelte";
+  import Heart from "$comp/Heart.svelte";
+  import Image from "$comp/Image.svelte";
   import { t } from "$lib/translations";
   import { goto, invalidate } from "$app/navigation";
 
diff --git a/src/routes/(app)/[username]/invoice/[id]/paid/+page.svelte b/src/routes/(app)/[username]/invoice/[id]/paid/+page.svelte
index 655bc3e4..ed1ae931 100644
--- a/src/routes/(app)/[username]/invoice/[id]/paid/+page.svelte
+++ b/src/routes/(app)/[username]/invoice/[id]/paid/+page.svelte
@@ -1,6 +1,6 @@
 <script>
   import { scale } from "svelte/transition";
-  import { Icon } from "$comp";
+  import Icon from "$comp/Icon.svelte";
   import { toast } from "@zerodevx/svelte-toast";
   import { browser } from "$app/environment";
   import { t } from "$lib/translations";
diff --git a/src/routes/(app)/[username]/invoice/[id]/tip/+page.svelte b/src/routes/(app)/[username]/invoice/[id]/tip/+page.svelte
index 87e48f01..02a896b2 100644
--- a/src/routes/(app)/[username]/invoice/[id]/tip/+page.svelte
+++ b/src/routes/(app)/[username]/invoice/[id]/tip/+page.svelte
@@ -3,7 +3,8 @@
   import { browser } from "$app/environment";
   import { invoice as inv, request } from "$lib/store";
   import { copy, focus, f, sat, get, reverseFormat, s, sats } from "$lib/utils";
-  import { Icon, Slider } from "$comp";
+  import Icon from "$comp/Icon.svelte";
+  import Slider from "$comp/Slider.svelte";
   import { goto } from "$app/navigation";
   import { t } from "$lib/translations";
   import { enhance } from "$app/forms";
diff --git a/src/routes/(app)/[username]/invoice/sent/+page.svelte b/src/routes/(app)/[username]/invoice/sent/+page.svelte
index 8583de09..b95bc85e 100644
--- a/src/routes/(app)/[username]/invoice/sent/+page.svelte
+++ b/src/routes/(app)/[username]/invoice/sent/+page.svelte
@@ -1,5 +1,6 @@
 <script>
-  import { Avatar, Icon } from "$comp";
+  import Avatar from "$comp/Avatar.svelte";
+  import Icon from "$comp/Icon.svelte";
   import { request } from "$lib/store";
 </script>
 
diff --git a/src/routes/(app)/[username]/map/+page.svelte b/src/routes/(app)/[username]/map/+page.svelte
index a2ae657c..e69de29b 100644
--- a/src/routes/(app)/[username]/map/+page.svelte
+++ b/src/routes/(app)/[username]/map/+page.svelte
@@ -1,8 +0,0 @@
-<script>
-  import { LocationsMap } from "$comp";
-  export let data;
-
-  let { locations } = data;
-</script>
-
-<LocationsMap {locations} />
diff --git a/src/routes/(app)/[username]/messages/+page.svelte b/src/routes/(app)/[username]/messages/+page.svelte
index 16b82679..263f7294 100644
--- a/src/routes/(app)/[username]/messages/+page.svelte
+++ b/src/routes/(app)/[username]/messages/+page.svelte
@@ -5,7 +5,8 @@
   import { format } from "date-fns";
   import { scale, fade, fly } from "svelte/transition";
   import { enhance } from "$app/forms";
-  import { Avatar, Icon } from "$comp";
+  import Avatar from "$comp/Avatar.svelte";
+  import Icon from "$comp/Icon.svelte";
   import { back, fail, focus } from "$lib/utils";
   import { sign, send, encrypt, decrypt } from "$lib/nostr";
   import { event as e, password } from "$lib/store";
diff --git a/src/routes/(app)/[username]/payments/[...page]/+page.svelte b/src/routes/(app)/[username]/payments/[...page]/+page.svelte
index e61e156c..e80d7e80 100644
--- a/src/routes/(app)/[username]/payments/[...page]/+page.svelte
+++ b/src/routes/(app)/[username]/payments/[...page]/+page.svelte
@@ -1,5 +1,6 @@
 <script>
-  import { Avatar, Icon } from "$comp";
+  import Avatar from "$comp/Avatar.svelte";
+  import Icon from "$comp/Icon.svelte";
   import { onMount } from "svelte";
   import { format } from "date-fns";
   import { newPayment } from "$lib/store";
diff --git a/src/routes/(app)/[username]/receive/[...param]/+page.svelte b/src/routes/(app)/[username]/receive/[...param]/+page.svelte
index 085a6f6d..49e279b9 100644
--- a/src/routes/(app)/[username]/receive/[...param]/+page.svelte
+++ b/src/routes/(app)/[username]/receive/[...param]/+page.svelte
@@ -1,5 +1,7 @@
 <script>
-  import { Icon, Numpad, Toggle } from "$comp";
+  import Icon from "$comp/Icon.svelte";
+  import Numpad from "$comp/Numpad.svelte";
+  import Toggle from "$comp/Toggle.svelte";
   import { t } from "$lib/translations";
   import { enhance } from "$app/forms";
   import { page } from "$app/stores";
diff --git a/src/routes/(app)/[username]/request/[id]/+page.svelte b/src/routes/(app)/[username]/request/[id]/+page.svelte
index f9672c6f..ff33c02c 100644
--- a/src/routes/(app)/[username]/request/[id]/+page.svelte
+++ b/src/routes/(app)/[username]/request/[id]/+page.svelte
@@ -1,7 +1,8 @@
 <script>
   import { scale } from "svelte/transition";
   import { t } from "$lib/translations";
-  import { Avatar, Icon } from "$comp";
+  import Avatar from "$comp/Avatar.svelte";
+  import Icon from "$comp/Icon.svelte";
   import { f, sat, sats } from "$lib/utils";
   import { request as req, requestRedirect } from "$lib/store";
   import { onMount } from "svelte";
diff --git a/src/routes/(app)/[username]/settings/[...tab]/+page.svelte b/src/routes/(app)/[username]/settings/[...tab]/+page.svelte
index 92772f43..b7a9ccfb 100644
--- a/src/routes/(app)/[username]/settings/[...tab]/+page.svelte
+++ b/src/routes/(app)/[username]/settings/[...tab]/+page.svelte
@@ -4,7 +4,9 @@
   import { fly } from "svelte/transition";
   import { applyAction, deserialize } from "$app/forms";
 
-  import { Icon, Spinner, Pin } from "$comp";
+  import Icon from "$comp/Icon.svelte";
+  import Spinner from "$comp/Spinner.svelte";
+  import Pin from "$comp/Pin.svelte";
   import { t } from "$lib/translations";
   import { fail, post, warning, success } from "$lib/utils";
   import { avatar, banner, password, pin } from "$lib/store";
diff --git a/src/routes/(app)/[username]/settings/[...tab]/_account.svelte b/src/routes/(app)/[username]/settings/[...tab]/_account.svelte
index 64ab669f..20c883e3 100644
--- a/src/routes/(app)/[username]/settings/[...tab]/_account.svelte
+++ b/src/routes/(app)/[username]/settings/[...tab]/_account.svelte
@@ -1,7 +1,7 @@
 <script>
   import { tick } from "svelte";
   import { colorTheme, avatar, banner } from "$lib/store";
-  import { Icon } from "$comp";
+  import Icon from "$comp/Icon.svelte";
   import { t } from "$lib/translations";
   import { page } from "$app/stores";
 
diff --git a/src/routes/(app)/[username]/settings/[...tab]/_pos.svelte b/src/routes/(app)/[username]/settings/[...tab]/_pos.svelte
index 94a35493..cbf31a68 100644
--- a/src/routes/(app)/[username]/settings/[...tab]/_pos.svelte
+++ b/src/routes/(app)/[username]/settings/[...tab]/_pos.svelte
@@ -1,5 +1,7 @@
 <script>
-  import { Icon, LocaleSelector, Toggle } from "$comp";
+  import Icon from "$comp/Icon.svelte";
+  import LocaleSelector from "$comp/LocaleSelector.svelte";
+  import Toggle from "$comp/Toggle.svelte";
   import { t } from "$lib/translations";
   import { success, fail } from "$lib/utils";
   import { page } from "$app/stores";
diff --git a/src/routes/(app)/[username]/settings/[...tab]/_security.svelte b/src/routes/(app)/[username]/settings/[...tab]/_security.svelte
index f8c14e7b..38bf726c 100644
--- a/src/routes/(app)/[username]/settings/[...tab]/_security.svelte
+++ b/src/routes/(app)/[username]/settings/[...tab]/_security.svelte
@@ -2,7 +2,9 @@
   import { getMnemonic, getNsec } from "$lib/nostr";
   import { tick } from "svelte";
   import { t } from "$lib/translations";
-  import { Pin, Icon, Qr } from "$comp";
+  import Pin from "$comp/Pin.svelte";
+  import Icon from "$comp/Icon.svelte";
+  import Qr from "$comp/Qr.svelte";
   import { copy, post, success, fail } from "$lib/utils";
   import { pin as current } from "$lib/store";
   import { invalidate } from "$app/navigation";
diff --git a/src/routes/(app)/[username]/settings/[...tab]/_shopify.svelte b/src/routes/(app)/[username]/settings/[...tab]/_shopify.svelte
index 3e2a8dae..0266fa9c 100644
--- a/src/routes/(app)/[username]/settings/[...tab]/_shopify.svelte
+++ b/src/routes/(app)/[username]/settings/[...tab]/_shopify.svelte
@@ -1,6 +1,6 @@
 <script>
   import { t } from "$lib/translations";
-  import { Icon } from "$comp";
+  import Icon from "$comp/Icon.svelte";
   import { page } from "$app/stores";
 
   export let user;
diff --git a/src/routes/(app)/admin/+layout.svelte b/src/routes/(app)/admin/+layout.svelte
index 33b64b6a..f85a3b08 100644
--- a/src/routes/(app)/admin/+layout.svelte
+++ b/src/routes/(app)/admin/+layout.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { LandingHeader } from "$comp";
+   import LandingHeader from "$comp/LandingHeader.svelte" 
   export let data;
   let { user } = data;
 </script>
diff --git a/src/routes/(app)/buy/+page.svelte b/src/routes/(app)/buy/+page.svelte
index 2f999555..903eb7f4 100644
--- a/src/routes/(app)/buy/+page.svelte
+++ b/src/routes/(app)/buy/+page.svelte
@@ -1,6 +1,10 @@
 <script>
   import { enhance } from "$app/forms";
-  import { Icon, Lock, Card, Calendar, Spinner } from "$comp";
+  import Icon from "$comp/Icon.svelte";
+  import Lock from "$comp/Lock.svelte";
+  import Card from "$comp/Card.svelte";
+  import Calendar from "$comp/Calendar.svelte";
+  import Spinner  from "$comp/Spinner.svelte";
   import { animatedRate } from "$lib/store";
   import { f } from "$lib/utils";
 
diff --git a/src/routes/(app)/fund/[id]/+page.svelte b/src/routes/(app)/fund/[id]/+page.svelte
index 117a4b42..b81e2917 100644
--- a/src/routes/(app)/fund/[id]/+page.svelte
+++ b/src/routes/(app)/fund/[id]/+page.svelte
@@ -2,7 +2,8 @@
   import { format } from "date-fns";
   import { enhance } from "$app/forms";
   import { page } from "$app/stores";
-  import { Avatar, Icon } from "$comp";
+  import Avatar from "$comp/Avatar.svelte";
+  import Icon from "$comp/Icon.svelte";
   import { toast } from "@zerodevx/svelte-toast";
   import { t } from "$lib/translations";
   import { types, copy, f, s, sat, sats } from "$lib/utils";
diff --git a/src/routes/(app)/fund/[id]/sweep/+page.svelte b/src/routes/(app)/fund/[id]/sweep/+page.svelte
index bbd7013f..4a48edf8 100644
--- a/src/routes/(app)/fund/[id]/sweep/+page.svelte
+++ b/src/routes/(app)/fund/[id]/sweep/+page.svelte
@@ -1,7 +1,7 @@
 <script>
   import { scale } from "svelte/transition";
   import { fiat, f, s } from "$lib/utils";
-  import { Icon } from "$comp";
+  import Icon from "$comp/Icon.svelte";
   import { t } from "$lib/translations";
 
   export let data;
diff --git a/src/routes/(app)/fund/[id]/withdraw/+page.svelte b/src/routes/(app)/fund/[id]/withdraw/+page.svelte
index 6b2010b7..7af07e38 100644
--- a/src/routes/(app)/fund/[id]/withdraw/+page.svelte
+++ b/src/routes/(app)/fund/[id]/withdraw/+page.svelte
@@ -1,7 +1,9 @@
 <script>
   import { t } from "$lib/translations";
   import { enhance } from "$app/forms";
-  import { Icon, Numpad, Spinner } from "$comp";
+  import Icon from "$comp/Icon.svelte";
+  import Numpad from "$comp/Numpad.svelte";
+  import Spinner from "$comp/Spinner.svelte";
   import { page } from "$app/stores";
   import { back } from "$lib/utils";
   import { pin } from "$lib/store";
diff --git a/src/routes/(app)/launch/+page.svelte b/src/routes/(app)/launch/+page.svelte
index 028274fa..b7c472c1 100644
--- a/src/routes/(app)/launch/+page.svelte
+++ b/src/routes/(app)/launch/+page.svelte
@@ -1,9 +1,9 @@
 <script>
-  import { LandingHeader } from "$comp";
+   import LandingHeader from "$comp/LandingHeader.svelte" 
   import { loginRedirect } from "$lib/store";
   import { beforeNavigate } from "$app/navigation";
   import { info } from "$lib/utils";
-  import { Icon } from "$comp";
+   import Icon from "$comp/Icon.svelte" 
   import { t } from "$lib/translations";
   import { goto } from "$app/navigation";
   import { scroll } from "$lib/utils";
diff --git a/src/routes/(app)/launch/purchase/card/+page.svelte b/src/routes/(app)/launch/purchase/card/+page.svelte
index 037a65b2..6d33c87f 100644
--- a/src/routes/(app)/launch/purchase/card/+page.svelte
+++ b/src/routes/(app)/launch/purchase/card/+page.svelte
@@ -1,6 +1,9 @@
 <script>
   import { enhance } from "$app/forms";
-  import { Lock, Card, Calendar, Spinner } from "$comp";
+  import Lock from "$comp/Lock.svelte";
+  import Card from "$comp/Card.svelte";
+  import Calendar from "$comp/Calendar.svelte";
+  import Spinner from "$comp/Spinner.svelte";
 
   export let data;
 
diff --git a/src/routes/(app)/ln/[lnurl]/+page.svelte b/src/routes/(app)/ln/[lnurl]/+page.svelte
index 9b733f89..26616a29 100644
--- a/src/routes/(app)/ln/[lnurl]/+page.svelte
+++ b/src/routes/(app)/ln/[lnurl]/+page.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { Lnurlp, Lnurlw } from "$comp";
+   import Lnurlp from "$comp/Lnurlp.svelte"; import Lnurlw from "$comp/Lnurlw.svelte" 
   export let data;
   let { tag } = data;
 </script>
diff --git a/src/routes/(app)/ln/withdrawal/sent/+page.svelte b/src/routes/(app)/ln/withdrawal/sent/+page.svelte
index c527c017..c1a2bdb2 100644
--- a/src/routes/(app)/ln/withdrawal/sent/+page.svelte
+++ b/src/routes/(app)/ln/withdrawal/sent/+page.svelte
@@ -1,6 +1,6 @@
 <script>
   import { scale } from "svelte/transition";
-  import { Icon } from "$comp";
+  import Icon from "$comp/Icon.svelte";
   import { toast } from "@zerodevx/svelte-toast";
   import { t } from "$lib/translations";
 
diff --git a/src/routes/(app)/login/+page.svelte b/src/routes/(app)/login/+page.svelte
index 6190ae0d..08161cee 100644
--- a/src/routes/(app)/login/+page.svelte
+++ b/src/routes/(app)/login/+page.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { RegisterOrLogin } from "$comp";
+  import RegisterOrLogin from "$comp/RegisterOrLogin.svelte";
   import { onMount } from "svelte";
   import { animatedRate, pin } from "$lib/store";
 
diff --git a/src/routes/(app)/payment/[id]/+page.svelte b/src/routes/(app)/payment/[id]/+page.svelte
index 7e3c6792..e2f96372 100644
--- a/src/routes/(app)/payment/[id]/+page.svelte
+++ b/src/routes/(app)/payment/[id]/+page.svelte
@@ -11,7 +11,7 @@
     success,
     types,
   } from "$lib/utils";
-  import { Avatar, Icon } from "$comp";
+   import Avatar from "$comp/Avatar.svelte", import Icon from "$comp/Icon.svelte" 
   import { format } from "date-fns";
   import { PUBLIC_EXPLORER as expl } from "$env/static/public";
 
diff --git a/src/routes/(app)/payment/[id]/plain/+page.svelte b/src/routes/(app)/payment/[id]/plain/+page.svelte
index 27e8d0ed..c63a9d7f 100644
--- a/src/routes/(app)/payment/[id]/plain/+page.svelte
+++ b/src/routes/(app)/payment/[id]/plain/+page.svelte
@@ -14,7 +14,8 @@
     success,
     types,
   } from "$lib/utils";
-  import { Avatar, Icon } from "$comp";
+  import Avatar from "$comp/Avatar.svelte";
+  import Icon from "$comp/Icon.svelte";
   import { format } from "date-fns";
   import { PUBLIC_EXPLORER as expl } from "$env/static/public";
 
diff --git a/src/routes/(app)/qr/[text]/+page.svelte b/src/routes/(app)/qr/[text]/+page.svelte
index d943b0b5..2678d91a 100644
--- a/src/routes/(app)/qr/[text]/+page.svelte
+++ b/src/routes/(app)/qr/[text]/+page.svelte
@@ -1,5 +1,6 @@
 <script>
-  import { Icon, Qr } from "$comp";
+  import Icon from "$comp/Icon.svelte";
+  import Qr from "$comp/Qr.svelte";
   import { back } from "$lib/utils";
   export let data;
   let { src, text } = data;
diff --git a/src/routes/(app)/register/+page.svelte b/src/routes/(app)/register/+page.svelte
index 8310aed1..9cd13ebe 100644
--- a/src/routes/(app)/register/+page.svelte
+++ b/src/routes/(app)/register/+page.svelte
@@ -6,7 +6,11 @@
   import { tick } from "svelte";
   import { fly } from "svelte/transition";
   import { enhance } from "$app/forms";
-  import { Pin, Icon, Spinner } from "$comp";
+
+  import Pin from "$comp/Pin.svelte";
+  import Icon from "$comp/Icon.svelte";
+  import Spinner  from "$comp/Spinner.svelte";
+
   import { focus, fail } from "$lib/utils";
   import { avatar, password, loginRedirect } from "$lib/store";
   import { t } from "$lib/translations";
diff --git a/src/routes/(app)/scan/+page.svelte b/src/routes/(app)/scan/+page.svelte
index 033eb28b..6f22121e 100644
--- a/src/routes/(app)/scan/+page.svelte
+++ b/src/routes/(app)/scan/+page.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { Icon } from "$comp";
+   import Icon from "$comp/Icon.svelte" 
   import QrScanner from "qr-scanner";
   import { onMount, onDestroy } from "svelte";
   import { back } from "$lib/utils";
diff --git a/src/routes/(app)/send/+layout.svelte b/src/routes/(app)/send/+layout.svelte
index 1a587edf..55b01f3a 100644
--- a/src/routes/(app)/send/+layout.svelte
+++ b/src/routes/(app)/send/+layout.svelte
@@ -1,6 +1,6 @@
 <script>
   import { goto } from "$app/navigation";
-  import { Pin } from "$comp";
+   import Pin from "$comp/Pin.svelte" 
   import { pin } from "$lib/store";
 
   export let data;
diff --git a/src/routes/(app)/send/[...text]/+page.svelte b/src/routes/(app)/send/[...text]/+page.svelte
index 67d4afaa..8548964c 100644
--- a/src/routes/(app)/send/[...text]/+page.svelte
+++ b/src/routes/(app)/send/[...text]/+page.svelte
@@ -5,7 +5,10 @@
   import { tick } from "svelte";
   import { browser } from "$app/environment";
   import { t } from "$lib/translations";
-  import { AppHeader, Avatar, Icon, Spinner } from "$comp";
+  import AppHeader from "$comp/AppHeader.svelte";
+  import Avatar from "$comp/Avatar.svelte";
+  import Icon from "$comp/Icon.svelte";
+  import Spinner from "$comp/Spinner.svelte";
   import { back, fail } from "$lib/utils";
 
   export let data;
diff --git a/src/routes/(app)/send/bitcoin/[address]/[...amount]/+page.svelte b/src/routes/(app)/send/bitcoin/[address]/[...amount]/+page.svelte
index da11a22c..133eab91 100644
--- a/src/routes/(app)/send/bitcoin/[address]/[...amount]/+page.svelte
+++ b/src/routes/(app)/send/bitcoin/[address]/[...amount]/+page.svelte
@@ -2,7 +2,11 @@
   import { tick } from "svelte";
   import { t } from "$lib/translations";
   import { enhance } from "$app/forms";
-  import { Toggle, Slider, Icon, Numpad, Spinner } from "$comp";
+  import Toggle from "$comp/Toggle.svelte";
+  import Slider from "$comp/Slider.svelte";
+  import Icon from "$comp/Icon.svelte";
+  import Numpad from "$comp/Numpad.svelte";
+  import Spinner from "$comp/Spinner.svelte";
   import { page } from "$app/stores";
   import { fiat as toFiat, f, back, s, sat } from "$lib/utils";
   import { pin } from "$lib/store";
diff --git a/src/routes/(app)/send/fund/[name]/[...amount]/+page.svelte b/src/routes/(app)/send/fund/[name]/[...amount]/+page.svelte
index 886e93d2..b6a4aa0c 100644
--- a/src/routes/(app)/send/fund/[name]/[...amount]/+page.svelte
+++ b/src/routes/(app)/send/fund/[name]/[...amount]/+page.svelte
@@ -1,7 +1,9 @@
 <script>
   import { t } from "$lib/translations";
   import { enhance } from "$app/forms";
-  import { Icon, Numpad, Spinner } from "$comp";
+  import Icon from "$comp/Icon.svelte";
+  import Numpad from "$comp/Numpad.svelte";
+  import Spinner from "$comp/Spinner.svelte";
   import { page } from "$app/stores";
   import { back } from "$lib/utils";
   import { pin } from "$lib/store";
diff --git a/src/routes/(app)/send/invoice/[id]/+page.svelte b/src/routes/(app)/send/invoice/[id]/+page.svelte
index d29f1c96..79367534 100644
--- a/src/routes/(app)/send/invoice/[id]/+page.svelte
+++ b/src/routes/(app)/send/invoice/[id]/+page.svelte
@@ -4,7 +4,10 @@
   import { goto, invalidateAll } from "$app/navigation";
   import { pin } from "$lib/store";
   import { enhance } from "$app/forms";
-  import { Avatar, Icon, Numpad, Spinner } from "$comp";
+  import Avatar from "$comp/Avatar.svelte";
+  import Icon from "$comp/Icon.svelte";
+  import Numpad from "$comp/Numpad.svelte";
+  import Spinner from "$comp/Spinner.svelte";
   import { page } from "$app/stores";
   import { post, back, f, fiat as toFiat, s, sats } from "$lib/utils";
   export let data;
diff --git a/src/routes/(app)/send/lightning/[payreq]/+page.svelte b/src/routes/(app)/send/lightning/[payreq]/+page.svelte
index 185597c7..ce9649fa 100644
--- a/src/routes/(app)/send/lightning/[payreq]/+page.svelte
+++ b/src/routes/(app)/send/lightning/[payreq]/+page.svelte
@@ -1,7 +1,9 @@
 <script>
   import { t } from "$lib/translations";
   import { enhance } from "$app/forms";
-  import { Icon, Numpad, Spinner } from "$comp";
+  import Icon from "$comp/Icon.svelte";
+  import Numpad from "$comp/Numpad.svelte";
+  import Spinner from "$comp/Spinner.svelte";
   import { page } from "$app/stores";
   import { back, s } from "$lib/utils";
   import { pin } from "$lib/store";
diff --git a/src/routes/(app)/send/user/[username]/[...amount]/+page.svelte b/src/routes/(app)/send/user/[username]/[...amount]/+page.svelte
index cb458323..1ad2c458 100644
--- a/src/routes/(app)/send/user/[username]/[...amount]/+page.svelte
+++ b/src/routes/(app)/send/user/[username]/[...amount]/+page.svelte
@@ -3,7 +3,11 @@
   import { goto } from "$app/navigation";
   import { pin } from "$lib/store";
   import { enhance } from "$app/forms";
-  import { AppHeader, Avatar, Icon, Numpad, Spinner } from "$comp";
+  import AppHeader from "$comp/AppHeader.svelte";
+  import Avatar from "$comp/Avatar.svelte";
+  import Icon from "$comp/Icon.svelte";
+  import Numpad from "$comp/Numpad.svelte";
+  import Spinner from "$comp/Spinner.svelte";
   import { page } from "$app/stores";
   import { f, post, s, sat, sats } from "$lib/utils";
 
diff --git a/src/routes/(app)/sent/+page.svelte b/src/routes/(app)/sent/+page.svelte
index 400e8904..e2d297de 100644
--- a/src/routes/(app)/sent/+page.svelte
+++ b/src/routes/(app)/sent/+page.svelte
@@ -1,7 +1,7 @@
 <script>
   import { fiat, f, s, sat, sats } from "$lib/utils";
   import { scale } from "svelte/transition";
-  import { Icon } from "$comp";
+  import Icon from "$comp/Icon.svelte";
   import { toast } from "@zerodevx/svelte-toast";
   import { t } from "$lib/translations";
 
diff --git a/src/routes/(app)/support/+page.svelte b/src/routes/(app)/support/+page.svelte
index b31b4389..8d8bee1a 100644
--- a/src/routes/(app)/support/+page.svelte
+++ b/src/routes/(app)/support/+page.svelte
@@ -2,7 +2,8 @@
   import { onDestroy } from "svelte";
   import { fail, success, post } from "$lib/utils";
   import { scale } from "svelte/transition";
-  import { AppHeader, Icon } from "$comp";
+  import AppHeader from "$comp/AppHeader.svelte";
+  import Icon from "$comp/Icon.svelte";
   import { t } from "$lib/translations";
 
   export let data;
diff --git a/src/routes/(static)/+layout.svelte b/src/routes/(static)/+layout.svelte
index 29089dff..13073d5a 100644
--- a/src/routes/(static)/+layout.svelte
+++ b/src/routes/(static)/+layout.svelte
@@ -1,6 +1,8 @@
 <script>
   import { SvelteToast } from "@zerodevx/svelte-toast";
-  import { Footer, LandingHeader } from "$comp";
+  import Footer from "$comp/Footer.svelte";
+  import LandingHeader from "$comp/LandingHeader.svelte";
+
   export let data;
   $: ({ user } = data);
 </script>
diff --git a/src/routes/(static)/docs/+page.svelte b/src/routes/(static)/docs/+page.svelte
index 6e08c2e8..bf7ecb20 100644
--- a/src/routes/(static)/docs/+page.svelte
+++ b/src/routes/(static)/docs/+page.svelte
@@ -1,6 +1,9 @@
 <script>
   import { copyNoNewlines as copy } from "$lib/utils";
-  import { Code, Icon } from "$comp";
+
+  import Code from "$comp/Code.svelte";
+  import Icon from "$comp/Icon.svelte";
+
   import { PUBLIC_COINOS_URL } from "$env/static/public";
   export let data;
   let { user, token } = data;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index a90eb4ae..6eeb3a2e 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,14 +1,11 @@
 <script>
-  import {
-    LandingHeader,
-    LandingHero,
-    LandingInfoCard,
-    HowItWorksCard,
-    FaqCard,
-    Image,
-    About,
-    Footer,
-  } from "$comp";
+  import LandingHeader from "$comp/LandingHeader.svelte";
+  import LandingHero from "$comp/LandingHero.svelte";
+  import LandingInfoCard from "$comp/LandingInfoCard.svelte";
+  import HowItWorksCard from "$comp/HowItWorksCard.svelte";
+  import FaqCard from "$comp/FaqCard.svelte";
+  import Image from "$comp/Image.svelte";
+  import Footer from "$comp/Footer.svelte";
 
   import { t } from "$lib/translations";
   import { onDestroy, onMount, tick } from "svelte";
@@ -35,12 +32,15 @@
   let observer;
   let isIntersecting = false;
 
+  let About;
   onMount(async () => {
-    observer = new IntersectionObserver((entries) => {
+    observer = new IntersectionObserver(async (entries) => {
+      About = (await import("$comp/About.svelte")).default;
       isIntersecting = isIntersecting || entries[0].isIntersecting;
     });
 
     loaded = true;
+
     await tick();
     observer.observe(document.getElementById("faq"));
   });
@@ -48,12 +48,8 @@
   onDestroy(() => (loaded = false));
 </script>
 
-<svelte:head>
-  <script src="https://stamen-maps.a.ssl.fastly.net/js/tile.stamen.js"></script>
-</svelte:head>
-
 {#if loaded}
-  <LandingHeader {howItWorks} {faq} {about} {user} />
+
 
   <main class="space-y-40 py-20 md:py-32 lg:py-36 xl:py-40 px-5 md:px-0">
     <LandingHero />
diff --git a/src/routes/map/+page.svelte b/src/routes/map/+page.svelte
index 8c5fc3f8..e69de29b 100644
--- a/src/routes/map/+page.svelte
+++ b/src/routes/map/+page.svelte
@@ -1,18 +0,0 @@
-<script>
-  import { Icon, LocationsMap } from "$comp";
-  export let data;
-
-  let { locations } = data;
-</script>
-
-<div class="pt-4">
-  <div class="w-[243px] mx-auto mb-4">
-    <a href="/">
-      <Icon icon="logo" />
-    </a>
-  </div>
-
-  <div class="flex justify-center items-center">
-    <LocationsMap {locations} />
-  </div>
-</div>
-- 
cgit v1.2.3