From 382e3b8e52f7b43bdb9e0a670bda68f59a785220 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Fri, 11 Feb 2022 18:13:25 +0100
Subject: [PATCH] chore(Icon): improve component

---
 package.json                             |  2 --
 src/runtime/components/elements/Icon.vue | 14 ++++++--------
 yarn.lock                                | 19 -------------------
 3 files changed, 6 insertions(+), 29 deletions(-)

diff --git a/package.json b/package.json
index 6f96e35c..354cf8df 100644
--- a/package.json
+++ b/package.json
@@ -25,8 +25,6 @@
   },
   "dependencies": {
     "@headlessui/vue": "^1.4.3",
-    "@iconify-json/heroicons-outline": "^1.0.2",
-    "@iconify-json/heroicons-solid": "^1.0.2",
     "@nuxt/kit": "npm:@nuxt/kit-edge@latest",
     "@popperjs/core": "^2.11.2",
     "@vueuse/core": "^7.6.1",
diff --git a/src/runtime/components/elements/Icon.vue b/src/runtime/components/elements/Icon.vue
index e33dc004..42d6fcc0 100644
--- a/src/runtime/components/elements/Icon.vue
+++ b/src/runtime/components/elements/Icon.vue
@@ -1,19 +1,17 @@
 <template>
-  <Icon :icon="name" />
+  <Icon :icon="icon" />
 </template>
 
 <script setup>
-import { Icon, addCollection } from '@iconify/vue/dist/offline'
-import outline from '@iconify-json/heroicons-outline/icons.json'
-import solid from '@iconify-json/heroicons-solid/icons.json'
+import { Icon } from '@iconify/vue/dist/offline'
+import { loadIcon } from '@iconify/vue'
 
-addCollection(outline)
-addCollection(solid)
-
-defineProps({
+const props = defineProps({
   name: {
     type: [String, Object],
     required: true
   }
 })
+
+const icon = await loadIcon(props.name)
 </script>
diff --git a/yarn.lock b/yarn.lock
index d4cc9661..886d5b2b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -327,25 +327,6 @@
   resolved "https://registry.yarnpkg.com/@hutson/parse-repository-url/-/parse-repository-url-3.0.2.tgz#98c23c950a3d9b6c8f0daed06da6c3af06981340"
   integrity sha512-H9XAx3hc0BQHY6l+IFSWHDySypcXsvsuLhgYLUGywmJ5pswRVQJUHpOsobnLYp2ZUaUlKiKDrgWWhosOwAEM8Q==
 
-"@iconify-json/heroicons-outline@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@iconify-json/heroicons-outline/-/heroicons-outline-1.0.2.tgz#bfe747b588ada1918b93f7f6c85948fad7ad4afa"
-  integrity sha512-bKcALoCJy9AB+Ojlb58rF/IklUOYBDeq8RaCme1Ez/rnFLAmwqrDY96B1f0/PtfhYwjo8v1fXiv9hL7QWImpPQ==
-  dependencies:
-    "@iconify/types" "^1.0.10"
-
-"@iconify-json/heroicons-solid@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@iconify-json/heroicons-solid/-/heroicons-solid-1.0.2.tgz#cf81ef6ce2aa70bf037c1c022b730b1698f63ffa"
-  integrity sha512-j9SuVhvVAVGhgesuUCzCk3Jk/Rjjh1Mcqg4SXbKv34AMvYpRLBn2LZi1gOv6RW0KmCpDsZ9C+qf5k9VmLc9kxQ==
-  dependencies:
-    "@iconify/types" "^1.0.10"
-
-"@iconify/types@^1.0.10":
-  version "1.0.12"
-  resolved "https://registry.yarnpkg.com/@iconify/types/-/types-1.0.12.tgz#839f1f784b7030b94482d51996570f4dbd7d6796"
-  integrity sha512-6er6wSGF3hgc1JEZqiGpg21CTCjHBYOUwqLmb2Idzkjiw6ogalGP0ZMLVutCzah+0WB4yP+Zd2oVPN8jvJ+Ftg==
-
 "@iconify/vue@^3.1.3":
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/@iconify/vue/-/vue-3.1.3.tgz#df97d85e69c8447495bcd33ac26bd317bb543054"