Как сделать автозагрузку компонентов внутри другого компонента в VUE Storybook?
У меня есть свой список UI компонентов, чтобы не заниматься подключением компонентов я сделал автозагрузку вот таким способом
import Vue from "vue";
let components = [
"AppButton",
"AppContainer",
"AppCol",
"AppCard",
"AppCheckbox",
"AppChip",
"AppDivider",
"AppForm",
"AppHint",
"AppIcon",
"AppInput",
"AppLayout",
"AppLogo",
"AppMain",
"AppMenu",
"AppPanel",
"AppPopup",
"AppRadiobox",
"AppSelect",
"AppSidebar",
"AppSpacer",
"AppSpinner",
"AppSpoiler",
"AppTable",
"AppTabs",
"AppTab",
"AppText",
"AppTextarea"
];
components.forEach(component => {
Vue.component(component, () =>
import(`@/components/elements/${component}.vue`)
);
});И подключаю файл с этим кодом в main.js, ну и собственно всё работает, удобно.
Но решил я тут накидать документацию через Storybook. И там это не работает. К примеру в компоненте кнопки у меня используется компонент иконки, и в Story компонент иконки внутри кнопки не рендерится. Как решить данную проблему?