icon not display

[krupasavadiya]

i am using
"feather-icons": "^4.28.0",
"vue-feather": "^2.0.0-rc.1",
"vue": "^3.2.26",
node.js 14

also in main.js

import VueFeather from 'vue-feather';

app.component(VueFeather.name, VueFeather);

and in my component this below the line
<vue-feather type="star"></vue-feather>

but this is not showing the star icon.
am I missing something?

[fengyuanchen]

I have no idea about this. Any more details?

[Solotov]

try calling:
feather.replace()
when your component is mounted.

[RC0D3]

I have some throuble, I'm new in Vue3, but searching in docs I found how to define components, then I adapt. Now it's working for me :)

import './bootstrap';

import { createApp, defineCustomElement } from 'vue';
import App from './App.vue';

import VueFeather from 'vue-feather';

const app = createApp(App);

app.mount("#app");
customElements.define('vue-feather', defineCustomElement(VueFeather));

Tehen you can use anywhere
<vue-feather type="star"></vue-feather>