2023-04-06 11:51:32 +00:00
|
|
|
<template>
|
2023-11-09 17:01:13 +00:00
|
|
|
<component
|
|
|
|
:is="showIt"
|
|
|
|
:name="name"
|
|
|
|
/>
|
2023-04-06 11:51:32 +00:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default defineNuxtComponent({
|
|
|
|
props: {
|
|
|
|
template: {
|
|
|
|
required: true,
|
2024-04-05 18:08:32 +00:00
|
|
|
type: String,
|
2023-04-06 11:51:32 +00:00
|
|
|
},
|
|
|
|
name: {
|
|
|
|
type: String,
|
2024-04-05 18:08:32 +00:00
|
|
|
default: () => '(missing name prop)',
|
|
|
|
},
|
2023-04-06 11:51:32 +00:00
|
|
|
},
|
|
|
|
setup (props) {
|
|
|
|
const showIt = h({
|
|
|
|
template: props.template,
|
|
|
|
props: {
|
|
|
|
|
|
|
|
name: {
|
|
|
|
type: String,
|
2024-04-05 18:08:32 +00:00
|
|
|
default: () => '(missing name prop)',
|
|
|
|
},
|
|
|
|
},
|
2023-04-06 11:51:32 +00:00
|
|
|
})
|
|
|
|
|
|
|
|
return {
|
2024-04-05 18:08:32 +00:00
|
|
|
showIt,
|
2023-04-06 11:51:32 +00:00
|
|
|
}
|
2024-04-05 18:08:32 +00:00
|
|
|
},
|
2023-04-06 11:51:32 +00:00
|
|
|
})
|
|
|
|
</script>
|