From 45c5b329b5fb2bf2d7541807ecdc9c9ece98d54a Mon Sep 17 00:00:00 2001
From: HorizonCode <horizoncode88@gmail.com>
Date: Wed, 17 Jul 2024 10:20:10 +0200
Subject: [PATCH] only import needed elements

---
 rollup.config.js          |  1 +
 src/App.svelte            | 28 ++++++++++++----------------
 src/pages/Launch.svelte   |  4 ++--
 src/pages/Settings.svelte |  8 ++++++--
 4 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/rollup.config.js b/rollup.config.js
index e1987ea..8a9191d 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -69,6 +69,7 @@ export default {
     resolve({
       browser: true,
       dedupe: ["svelte"],
+      exportConditions: ["svelte"],
     }),
     typescript({
       sourceMap: !production,
diff --git a/src/App.svelte b/src/App.svelte
index be07f01..0e4d6eb 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,20 +1,16 @@
 <script lang="ts">
-  import {
-    Avatar,
-    Dropdown,
-    DropdownItem,
-    DropdownHeader,
-    DropdownDivider,
-    Button,
-    Indicator,
-  } from "flowbite-svelte";
-  import {
-    ArrowLeftSolid,
-    ArrowRightFromBracketSolid,
-    ArrowRightToBracketSolid,
-    HeartSolid,
-    UserSettingsSolid,
-  } from "flowbite-svelte-icons";
+  import Avatar from "flowbite-svelte/Avatar.svelte";
+  import Dropdown from "flowbite-svelte/Dropdown.svelte";
+  import DropdownItem from "flowbite-svelte/DropdownItem.svelte";
+  import DropdownHeader from "flowbite-svelte/DropdownHeader.svelte";
+  import DropdownDivider from "flowbite-svelte/DropdownDivider.svelte";
+  import Button from "flowbite-svelte/Button.svelte";
+  import Indicator from "flowbite-svelte/Indicator.svelte";
+  import ArrowLeftSolid from "flowbite-svelte-icons/ArrowLeftSolid.svelte";
+  import ArrowRightFromBracketSolid from "flowbite-svelte-icons/ArrowRightFromBracketSolid.svelte";
+  import ArrowRightToBracketSolid from "flowbite-svelte-icons/ArrowRightToBracketSolid.svelte";
+  import HeartSolid from "flowbite-svelte-icons/HeartSolid.svelte";
+  import UserSettingsSolid from "flowbite-svelte-icons/UserSettingsSolid.svelte";
   import ezppLogo from "../public/favicon.png";
   import {
     currentPage,
diff --git a/src/pages/Launch.svelte b/src/pages/Launch.svelte
index 0d53589..c7ab40c 100644
--- a/src/pages/Launch.svelte
+++ b/src/pages/Launch.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { Button } from "flowbite-svelte";
+  import Button from "flowbite-svelte/Button.svelte";
   import Progressbar from "../lib/Progressbar.svelte";
   import {
     launching,
     patch,
     launchStatus,
-    launchPercentage
+    launchPercentage,
   } from "./../storage/localStore";
   let progressbarFix = true;
 
diff --git a/src/pages/Settings.svelte b/src/pages/Settings.svelte
index 71e4aff..cffc69d 100644
--- a/src/pages/Settings.svelte
+++ b/src/pages/Settings.svelte
@@ -1,6 +1,10 @@
 <script lang="ts">
-  import { Button, ButtonGroup, Input, Toggle } from "flowbite-svelte";
-  import { FileSearchSolid, FolderSolid } from "flowbite-svelte-icons";
+  import Button from "flowbite-svelte/Button.svelte";
+  import ButtonGroup from "flowbite-svelte/ButtonGroup.svelte";
+  import Input from "flowbite-svelte/Input.svelte";
+  import Toggle from "flowbite-svelte/Toggle.svelte";
+  import FileSearchSolid from "flowbite-svelte-icons/FileSearchSolid.svelte";
+  import FolderSolid from "flowbite-svelte-icons/FolderSolid.svelte";
   import { patch, presence, logging } from "./../storage/localStore";
 
   let folderPath: string = "";