Dynamic Components support

[fiti128]

1. What is the recommended way to use dynamic component in JSX? In my case it is reading component names from configuration and use it in JSX.
2. Do you plan to add/replicate previous functionality

In vue2 with composition-api: I have the following (simplified) code:

export default defineComponent({
  name:  "c-item-description",
  props: {
    item:                  {
      type:    Object,
      default: () => ({}) 
    },
    presentationComponent: String,
  },
  setup(props, context) {
    const { dynamicComponentRef} = useItemDescriptionConfiguration(props);
    return () => {
      const DynamicComponent: any = dynamicComponentRef.value || "t-item-description";
      return (
        <keep-alive>
          <DynamicComponent
            item={props.item}
          />
        </keep-alive>
      );
    };
  }
});

I found a workaround. Is it supposed to be so?

import { defineComponent, computed, ref,getCurrentInstance } from 'vue';
export default defineComponent({
  name:  "tsx-world",
  props: {
    msg: String
  },
  setup(props, context) {
    const dynamicComponent = ref("local-title"); // read from configuration
    const myTitleRef = computed(()=>getCurrentInstance()?.appContext?.components[dynamicComponent.value]);
    return () => {
      const myTitle = myTitleRef.value;
      return (
        <myTitle
          msg="dynamic component"
        />
    );}
  }
});

[Amour1688]

try

- const DynamicComponent: any = dynamicComponentRef.value || "t-item-description";
+ const DynamicComponent: any = dynamicComponentRef.value || resolveComponent("t-item-description");

https://v3.vuejs.org/api/global-api.html#resolvecomponent

[fiti128]

Issue is resolved. Thank you.