[RFC] Universal Icon Component

[JustinVoitel]

The proposal is that instead of exporting every icon into its own svelte component (which can lead to import waterfalls), we export only one component and pass the information what icon source to import(dynamically):

<script>
import Icon from "svelte-hero-icons"
</script>

<Icon src="ArrowUp" solid>

The string we pass to the src attribute can be supported by generated types via SvelteComponentTyped

This could lead to a much smaller package with a better API.

Priorities

• kit/vite compatibility
• ssr-ready
• tree-shakable
• prevent import waterfalls
• simple API

[JustinVoitel]

Update

• [x] kit/vite compatibility
• [x] ssr-ready
• [x] tree-shakable
• [x] prevent import waterfalls
• [x] simple API (almost)

Unfortunately I couldn't get a working API using dynamic imports, so now you have to import icons like this:

<script>
   import Icon, {X, ArrowUp} from "svelte-hero-icon"
</script>

<Icon src={X} solid />
<Icon src={ArrowUp} />

not the simplest API, but close IMO

[JustinVoitel]

2 2.0.0 released