Vue.component('modal', {

template:
' <div class="modal is-active">\n' +
    '            <div class="modal-background">\n' +
    '                <div class="modal-content">\n' +
    '                    <div class="box">\n' +
    '                        <p>y' +
    '                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aut debitis delectus eius\n' +
    '                            eum expedita\n' +
    '                            explicabo omnis quae. Architecto beatae dignissimos enim explicabo hic officia recusandae\n' +
    '                            sequi vero!\n' +
    '                            Debitis, quasi!\n' +
    '                        </p>\n' +
    '                    </div>\n' +
    '\n' +
    '                </div>\n' +
    '                <button class="modal-close is-large"  aria-label="close" @click="$emit("close")" ></button>\n' +
    '            </div>\n' +
    '        </div>'

});

new Vue({ el: '#root',

data: {
    showModal: false
}

});

am using PHPstorm and i get this error ... whats wrong with it? kindly help me out

Practical Component Exercise #2: Modal

Updated Series Available