Как отображать компоненты VUE в качестве агрессивных значков? ⇐ Javascript

[Anonymous]

У меня есть следующая агрессивная конфигурация в моем проекте Vuejs: < /p>

Код: Выделить всё

import { h } from 'vue'
import {
XIcon
} from 'lucide-vue-next'
import { AgGridVue } from 'ag-grid-vue3'
import {
AllCommunityModule,
ModuleRegistry
} from 'ag-grid-community'
ModuleRegistry.registerModules([AllCommunityModule])

const icons = {
filter: () => h(XIcon)
}

const colDefs = [
{
field: 'symbol'
},
{
field: 'currency'
},
{
field: 'quantity'
}
]

const rowData = [
{ symbol: 'AAPL', currency: 'USD', quantity: 10 },
{ symbol: 'GOOGL', currency: 'USD', quantity: 5 },
{ symbol: 'AMZN', currency: 'USD', quantity: 2 }
]

Я пытаюсь добавить значок пользовательского фильтра, внедрив компонент Xicon в качестве настраиваемого значка, как показано на объекте Icon , но он не работает.>

Подробнее здесь: https://stackoverflow.com/questions/797 ... grid-icons