How to manually introduce components?

[ch930410]

Description

import { Icon } from '@nuxt/ui';
tips:
Module '"@nuxt/ui"' has no exported member 'Icon'. Did you mean to use 'import Icon from "@nuxt/ui"' instead?ts(2614)

[J-Michalek]

@ch930410 Hello, I think you could import it like all auto imported components in Nuxt by using the #components alias.

import { Icon } from '#components';

[benjamincanac]

Yes this is how you should import them but you need the prefix:

import { UIcon } from '#components'

but you can also import them from @nuxt/ui as such:

import UIcon from '@nuxt/ui/components/Icon.vue'