Support dynamic icons

[remypar5]

Icons can be used in Slidev because of Iconify. You can use any icon from any known icon set provided by Icônes.

However, because of the fact that they provide a component per icon (<[set]-[name] />) instead of something like <Icon set="..." name="..." />, it is very difficult to have dynamic icons based on a setting. Currently we have "solved" this issue in <SocialLink /> by introducing <SocialIcon />. This component is basically a large switch which works for now.

We need to find a way to actually solve this issue so we can actually use dynamic elements. We've already looked at VueJS' <component :is="[set]-name]"> element, but al we saw was the <[set]-name] /> element in the DOM. It wasn't treated as a component, so it didn't render an icon.

This issue might fix it, but isn't tried yet.