illright/attractions

SvelteKit and Attractions Icons

Closed this issue · 1 comments

cananda commented

Thank you for the lovely UI kit. I got attractions working with SvelteKit (looking at past issues) and I'm new to UI and SvelteKit.

When I try to use any attractions component with an Icon from examples on SvelteKit v1.0.0-next.157, for example,

<script>
	import { TextField, AtSignIcon } from 'attractions';
</script>

<TextField outline label="Username" withItem>
  <AtSignIcon size="24" class="item" />
</TextField>

I get

<AtSignIcon> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules

Looks like I will need some configuration for Icons to work on SvelteKit and attractions?

cananda commented

I figured I need to install svelte-feather-icons package and import required icons

  • 👍1