From 6f0bfb5d898c6909f9af57667cbb670405e3e818 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Thu, 9 Nov 2023 16:04:05 +0100
Subject: [PATCH] chore(Icon): use computed for `dynamic` prop

---
 src/runtime/components/elements/Icon.vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/runtime/components/elements/Icon.vue b/src/runtime/components/elements/Icon.vue
index fe932786..03efc166 100644
--- a/src/runtime/components/elements/Icon.vue
+++ b/src/runtime/components/elements/Icon.vue
@@ -4,9 +4,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue'
-// @ts-expect-error
-import appConfig from '#build/app.config'
+import { defineComponent, computed } from 'vue'
+import { useAppConfig } from '#imports'
 
 export default defineComponent({
   props: {
@@ -16,7 +15,18 @@ export default defineComponent({
     },
     dynamic: {
       type: Boolean,
-      default: () => !!appConfig.ui?.icons?.dynamic
+      default: false
+    }
+  },
+  setup (props) {
+    const appConfig = useAppConfig()
+
+    // @ts-ignore
+    const dynamic = computed(() => props.dynamic || appConfig.ui?.icons?.dynamic)
+
+    return {
+      // eslint-disable-next-line vue/no-dupe-keys
+      dynamic
     }
   }
 })