I think it would be very helpful if we can import the types of available icons to use to build a wrapper component which contains more logic to it.
<script setup lang="ts">
const props = defineProps<{
/**
* Available `Iconify` icons
*/
name: string // 👈 Need a type to get autocomplete for provided collections icon names
//.....
}>()
</script>
<template>
<span :class="name"></span>
</template>