fix: add type for unknown appConfig (#104)

nuxt · Oct 25, 2023 · 7d9bcf3 · 7d9bcf3
1 parent b853088
commit 7d9bcf3
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 4 deletions.
diff --git a/src/runtime/Icon.vue b/src/runtime/Icon.vue
@@ -7,7 +7,13 @@ import { ref, computed, watch } from 'vue'
 import { useAppConfig, useNuxtApp, useState } from '#imports'
 
 const nuxtApp = useNuxtApp()
-const appConfig = useAppConfig()
+const appConfig = useAppConfig() as {
+  nuxtIcon: {
+    size?: string
+    class?: string
+    aliases?: Record<string, string>
+  }
+}
 
 const props = defineProps({
   name: {
@@ -22,7 +28,13 @@ const props = defineProps({
 
 const state = useState<Record<string, IconifyIcon | undefined>>('icons', () => ({}))
 const isFetching = ref(false)
-const iconName = computed(() => ((appConfig.nuxtIcon?.aliases || {})[props.name] || props.name).replace(/^i-/, ''))
+const iconName = computed(() => {
+  if (appConfig.nuxtIcon.aliases && appConfig.nuxtIcon.aliases[props.name]) {
+    return appConfig.nuxtIcon.aliases[props.name].replace(/^i-/, '')
+  }
+
+  return props.name.replace(/^i-/, '')
+})
 const icon = computed<IconifyIcon | undefined>(() => state.value?.[iconName.value])
 const component = computed(() => nuxtApp.vueApp.component(iconName.value as string))
 const sSize = computed(() => {

diff --git a/src/runtime/IconCSS.vue b/src/runtime/IconCSS.vue
@@ -2,7 +2,13 @@
 import { computed } from 'vue'
 import { useAppConfig } from '#imports'
 
-const appConfig = useAppConfig()
+const appConfig = useAppConfig() as {
+  nuxtIcon: {
+    size?: string
+    class?: string
+    aliases?: Record<string, string>
+  }
+}
 
 const props = defineProps({
   name: {
@@ -15,7 +21,13 @@ const props = defineProps({
   }
 })
 
-const iconName = computed(() => ((appConfig.nuxtIcon?.aliases || {})[props.name] || props.name).replace(/^i-/, ''))
+const iconName = computed(() => {
+  if (appConfig.nuxtIcon.aliases && appConfig.nuxtIcon.aliases[props.name]) {
+    return appConfig.nuxtIcon.aliases[props.name].replace(/^i-/, '')
+  }
+
+  return props.name.replace(/^i-/, '')
+})
 const iconUrl = computed(() => `url('https://api.iconify.design/${iconName.value.replace(':', '/')}.svg')`)
 const sSize = computed(() => {
   // Disable size if appConfig.nuxtIcon.size === false