change component imports

24 files changed, 49 insertions, 73 deletions

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";