<template>
  <component
    :is="showIt"
    :name="name"
  />
</template>

<script>
export default defineNuxtComponent({
  props: {
    template: {
      required: true,
      type: String,
    },
    name: {
      type: String,
      default: () => '(missing name prop)',
    },
  },
  setup (props) {
    const showIt = h({
      template: props.template,
      props: {

        name: {
          type: String,
          default: () => '(missing name prop)',
        },
      },
    })

    return {
      showIt,
    }
  },
})
</script>