First Time User Experience

In total I spent about 20 minutes trying to set-up with a SvelteKit project and ended up just giving up for now. So that was my experience. The whole thing could have gone a lot smoother if:

a) The instructions didn’t assume ~ in an import path to just magically work (despite its esoteric meaning) b) The nomenclature was more consistent re: “collection-id” in readme and the prefix used by iconify c) There was a Discussion section on this repo so I could ask for help d) There was an example project to study so it’s clear how this is supposed to work e) In the case of Svelte it’s possible to provide a Svelte Adder to set-up quickly

I’m sure the project is awesome. But how can I know if I can’t get it set-up?

[vhscom]

Okay this works perfectly now. This project is awesome. @userquin fyi about the updates to the structure of SvelteKit above. And thanks so much for dropping me Icônes I’d seen that once a couple years ago but lost the bookmark. It’s going to be very handy now. Cheers. 😄

[userquin]

@vhscom have you read the readme docs? The answer to your questions: a) the ~icons: prefix is just another alias for virtual:icons:: you can use the virtual: prefix since you’re using svelte/sveltekit. b) the icon collections comes from another package we wrap (@iconify), so you should check it: about the prefix (i- by default) is to avoid parsing all rules + check if collection/icon exists, you can check @iconify site or Icônes. You can use the full @iconify package, just add as dev dependency @iconify/json or add only the collections you will use: @iconify-json/<collection>. c) I’ll request Anthony to enable discussions here d) you’ve an example for almost any major ui/app framework on examples folder/directory e) you’ve on readme the way you can configure any major ui/app framework, just check Build Tools and Frameworks