Title.vue component was created as shown in the source code below. I'm going to reuse the component. I'm trying to expose text with different contents on each page, but I wonder how I should work on vue.js.

<template>
    <section class="section-title">
        {{ title }}
        <div>{{ nameTitle }}</div>
    </section>
</template>
<script>
    export default {
        name: 'Title',
        data () {
            return {
                title: 'discover',
                nameTitle: '#projects'
            }
        },
    }
</script>