Using Props in Component Templates

Display how to bind props to the template of a Vue.js 3 component and render the values in the DOM.
    <h1>{{ title }}</h1>
    <p>{{ message }}</p>

export default {
  props: ['title', 'message'],

/* Add style if necessary */
This is a Vue component template. The component expects two props: 'title' and 'message'. These props are bound to the template and their values are rendered inside <h1> and <p> tags respectively.