What is the type of icons in Vue

[prpanto]

I try to:

import * as icons from "lucide-vue-next";
type Icons = keyof typeof icons;

defineProps<{
  component: {
    icon: string | Icons
  }
}>()

<component :is="icons[component.icon as Icons]" />

But I have an error:

Argument of type '{}' is not assignable to parameter of type 'LucideProps & {} & Record<string, unknown> & IconProps & {} & string'.
  Type '{}' is missing the following properties from type 'IconProps': iconNode, name

[ericfennis]

You can use the LucideIcon prop for this.

import { type LucideIcon } from "lucide-vue-next";

Also don't import all icons. you will import all 1600 icons in your bundle size.