Vue Syntax Error Handling

HTML

<script src="https://unpkg.com/vue"></script>
<div id="app">
</div>

JavaScript

new Vue({
  el: '#app',
  template: '<div><button @click="show2=true">Show 2</button><br><br><div><button @click="show3=true">Show 3</button><br><br><child1></child1><br><child2 v-if="show2"></child2><br><child3 v-if="show3"></child3></div>',
  data() {
  	return {
    	show2: false,
      show3: false
    }
  },
  components: {
  	child1: {
      methods: {
      	alert() {
          alert('clicked')
        }
      },
    	template: '<div>child1 <button @click="alert">Show Alert</button></div>'
    },
    child2: {
    	template: '<div style+="syntax-error:test">child2</div>'
    },
    child3: {
    	template: '<div>child3</div>'
    }
  }
  
})