fix(Icon): handle collections with multiple dashes for i- (#116)

Co-authored-by: Sébastien Chopin <[email protected]>

Author: benjamincanac

package.json

@@ -26,6 +26,7 @@
     "release": "release-it"
   },
   "dependencies": {
+    "@iconify/collections": "^1.0.351",
     "@iconify/vue": "^4.1.1",
     "@nuxt/kit": "^3.8.0"
   },

playground/app.vue

@@ -26,17 +26,24 @@
     </p>
     <p>
       CSS:
-      <IconCSS name="i-uil-github" />
       <IconCSS name="uil:github" size="24" />
       <IconCSS name="uil:github" size="48" />
       <IconCSS name="nuxt" size="48" style="color: #00DC82;" />
     </p>
+    <p>
+      `i-` syntax:
+      <Icon name="i-fluent-emoji-high-contrast-1st-place-medal" />
+      <IconCSS name="i-fluent-emoji-high-contrast-1st-place-medal" />
+    </p>
     <p>
       Failing:
       <Icon name="uil:bad">
         ☀️
       </Icon>
       <Icon name="uil:bad" />
+      <IconCSS name="uil:bad" />
+      <Icon name="i-uil-bad" />
+      <IconCSS name="i-uil-bad" />
     </p>
   </div>
 </template>