I am new in vuejs2. I am getting below error. Could anyone say why this error is coming ? Could you please provide any sample solution for this ?

[![enter image description here](https://i.stack.imgur.com/B5NyG.png)](https://i.stack.imgur.com/B5NyG.png)

**ModalBody.vue**

```
<script>  
    import SemanticModal from 'vue-ya-semantic-modal'

    export default {        
        components: { SemanticModal: SemanticModal() },
        name: 'ModalBody',
        props: {
            active1: {
                required: true
            }
        },
    }
</script>

```

**DataTable.vue**

```
<script>
import ModalBody from './ModalBody'

export default {
    components: { ModalBody },
    data: function () {
        return  {
            active1: false
        }
    },
    props: {
        columns: {
            required: true
        },
        gdata: {
            required: true
        }
    },
    methods: {
        show () {
            this.active1 = true
        }
    },
}

```