https://qiita.com/pentamania/items/e7a0f9d67ec75563b952

こちらの記事を参考して親のcomponentから子componentにpropsとしてcomponentを渡そうとしてますが、
stringだけ渡されてコンポネントを渡すことができませんでした。

そもそもpropsとしてcomponentを渡すことはできますでしょうか。
できるようでしたら、自分のコードに誤りがないか見ていただけますでしょうか

#親component

<template>
  <div>
    <ArticleListTemp content-component="my-component"></ArticleListTemp>
  </div>
</template>

<script lang="ts">

import { Component, Vue } from "vue-property-decorator";
import ArticleListTemp from "@/components/templates/ArticleListTemp.vue";
import Contents from "@/components/Organisms/Contents.vue";

@Component({
  components: { ArticleListTemp, "my-component": Contents }
})
export default class ArticleList extends Vue {}
</script>

子component

<template>
  <div id="app">
     <div :is="contentComponent"></div>
  </div>
</template>
<script lang="ts">
export default class ArticleListTemp extends Vue {
  @Prop() public contentComponent!: string;

  mounted() {
    console.log("mounted ArticleListTemp:", this.$props);
  }
}
</script>

現在console.logで見ると

contentComponent: "my-component"

のようにstring自体が渡されて

[Vue warn]: Unknown custom element: <my-component> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

というエラーが出てます。