Разбираюсь с inertiajs. При иcпользовании иконок получаю кучу варнингов в консоли.
[Vue warn]: Failed to resolve component: ion-icon
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
Пытался указать что это тег нужно игнорировать но не получается. Вот как я пытался это сделать.
VueApp.config.compilerOptions.isCustomElement = tag => tag.startsWith('ion-')
createInertiaApp({
resolve: async name => {
let page = (await import(`./Pages/${name}`)).default;
if (page.layout === undefined) {
page.layout = Layout;
}
return page;
},
setup({el, App, props, plugin}) {
const VueApp = createApp({render: () => h(App, props)});
VueApp.config.compilerOptions.isCustomElement = tag => tag.startsWith('ion-')
return VueApp.use(plugin)
.use(VueTextareaAutosize)
.use(ElementPlus)
.use(VueClipboard)
.use(moment)
.component('Link', Link)
.component('Head', Head)
.mount(el);
},
title: title => `My app - ${title}`,
})
Подскажите как правильно сделать, раньше я использовал Vue.config.ignoredElements = [/^ion-/] .