<template> <article :class="`message is-${type}`"> <div class="message-body"> <slot /> </div> </article> </template> <script lang="ts"> export default { name: 'Message', props: { type: { type: String, required: true, }, }, } </script>