laravel - Vuejs Single File organization with Gulp -

i've followed laracast tutorial vue workflow laravel.

so have main.js:

var vue =require('vue');  import tournament '../components/tournament.vue'; new vue({     el: 'body',     components: {tournament},      ready(){         alert('ready go');     }  }); 

and have tournament.vue:

<template>     can't see text on screen  </template>  <script>     export default  {         props: ['list'],      } </script> 

and then, in html, have that:

<tournament></tournament> <script src="/js/tournaments.js"></script>   /js/tournament.js generated gulp. 

i can see alert, vue works fine.

what cant see template.

i never see sentence:

     can't see text on screen 

i tried display dynamic data data(), no success.

any idea forgetting?

var vue = require('vue'); import tournament '../components/tournament.vue';   new vue({     el: 'body',      components: {template: tournament},      ready() {         alert('ready go');      } }); 

does work??