chore: use named imports

Author: abdel-17

sites/preview/src/lib/components/TreeContextMenu.svelte

@@ -1,11 +1,13 @@
 <script lang="ts" module>
-	import ClipboardPasteIcon from "@lucide/svelte/icons/clipboard-paste";
-	import CopyIcon from "@lucide/svelte/icons/copy";
-	import PenIcon from "@lucide/svelte/icons/pen";
-	import PlusIcon from "@lucide/svelte/icons/plus";
-	import ScissorsIcon from "@lucide/svelte/icons/scissors";
-	import TrashIcon from "@lucide/svelte/icons/trash";
-	import UploadIcon from "@lucide/svelte/icons/upload";
+	import {
+		ClipboardPasteIcon,
+		CopyIcon,
+		PenIcon,
+		PlusIcon,
+		ScissorsIcon,
+		TrashIcon,
+		UploadIcon,
+	} from "@lucide/svelte";
 	import { ContextMenu } from "bits-ui";
 	import { getContext, hasContext, setContext, type Snippet } from "svelte";
 	import type { FileTree, FileTreeNodeData, FolderNode, TreeItemState } from "svelte-file-tree";

sites/preview/src/lib/components/TreeItemToggle.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import ChevronDownIcon from "@lucide/svelte/icons/chevron-down";
+	import { ChevronDownIcon } from "@lucide/svelte";
 	import type { TreeItemState } from "svelte-file-tree";
 	import type { EventHandler, HTMLButtonAttributes } from "svelte/elements";
 

sites/preview/src/routes/+page.svelte

@@ -4,9 +4,7 @@
 	import TreeContextMenuTrigger from "$lib/components/TreeContextMenuTrigger.svelte";
 	import TreeItem from "$lib/components/TreeItem.svelte";
 	import TreeItemToggle from "$lib/components/TreeItemToggle.svelte";
-	import FileIcon from "@lucide/svelte/icons/file";
-	import FolderIcon from "@lucide/svelte/icons/folder";
-	import FolderOpenIcon from "@lucide/svelte/icons/folder-open";
+	import { FileIcon, FolderIcon, FolderOpenIcon } from "@lucide/svelte";
 	import {
 		FileNode,
 		FileTree,

sites/preview/tsconfig.json

@@ -9,7 +9,6 @@
 		"skipLibCheck": true,
 		"sourceMap": true,
 		"strict": true,
-		"module": "NodeNext",
-		"moduleResolution": "NodeNext"
+		"moduleResolution": "Bundler"
 	}
 }