Custom component inside control component: 'Failed` to resolve component: custom-icon'

[ArutaGerman]

I made a custom control. This control component has custom-button component with icon from our UI library inside custom-button:

<template>
  <custom-button
    ref="editBtn"
    icon="edit"
    @click="foo"
    class="control-collapse"
  />
</template>

<script setup>
import CustomButton from '@/components/CustomButton.vue';

defineOptions({
  customOptions: {
    name: 'ControlEdit',
  },
});
</script>

Control was been rendered and he hasn't the icon: I have the error.

Error:

Failed` to resolve component: custom-icon
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 

How to resolve this problem?

p.s. I had the same with rete v1, but I solved it. And now I don't know what I have to do

upd: I found the project with rete v1 and we used a custom-button with inside but not custom-icon component from UI library

[Ni55aN]

custom-icon should be registered in Vue (globally or inside custom-button)

[ArutaGerman]

custom-icon should be registered in Vue (globally or inside custom-button)

I have it in main.js:

import Custromlibrary;
import App from './App.vue';

const app = createApp(App);
app.use(CustomLibrary)

CustomLibrary includes custom-icon. Or I have to registry custom-icon apart?

[Ni55aN]

These are two different Vue.js instances (const app = createApp(App); and the one that renders custom-button)

[Ni55aN]

I hope this helps

retejs/vue-plugin#79

Unfortunately, the official documentation for configuring Vue isn't ready yet, but this feature is already available

[ArutaGerman]

Thanks, we'll see