Use lodash import style that leads to smaller bundle sizes — radicle-explorer

See this 👉 patch for more info.

before: build/assets/lodash-sTGyiO_P.js          95.44 kB │ gzip:  35.52 kB
after:  build/assets/lodash-BchrQjzV.js          24.91 kB │ gzip:  10.34 kB

👉 Preview 👉 Workflow runs 👉 Branch on GitHub

 <script lang="ts">
   import type { ComponentProps } from "svelte";
   import { debounce } from "lodash";
   import debounce from "lodash/debounce";
   import { formatObjectId } from "@app/lib/utils";
   import { toClipboard } from "@app/lib/utils";

 <script lang="ts">
   import type { DefaultSeedingPolicy, SeedingPolicy } from "@http-client";
   import { capitalize } from "lodash";
   import capitalize from "lodash/capitalize";
   export let seedingPolicy: DefaultSeedingPolicy | SeedingPolicy;

 import type { Readable, Writable } from "svelte/store";
 import { derived } from "svelte/store";
 import { isEqual } from "lodash";
 import isEqual from "lodash/isEqual";
 // Returns a derived store that only notifies subscribers if the value has changed.
 export function deduplicateStore<T>(

 <script lang="ts">
   import type { DefaultSeedingPolicy } from "@http-client";
   import { capitalize } from "lodash";
   import capitalize from "lodash/capitalize";
   import IconButton from "@app/components/IconButton.svelte";
   import Icon from "@app/components/Icon.svelte";

 <script lang="ts">
   import type { BaseUrl, Project, SeedingPolicy } from "@http-client";
   import { capitalize } from "lodash";
   import capitalize from "lodash/capitalize";
   import IconButton from "@app/components/IconButton.svelte";
   import Icon from "@app/components/Icon.svelte";

   import type { Project, Remote } from "@http-client";
   import fuzzysort from "fuzzysort";
   import orderBy from "lodash/orderBy";
   import { formatCommit, formatNodeId } from "@app/lib/utils";
   import { orderBy } from "lodash";
   import Badge from "@app/components/Badge.svelte";
   import Button from "@app/components/Button.svelte";