title: Vue.js v-component on table
body: <p>In the Vue.js Docs, they say you have to use v-component instead of the direct component-tag when using a component in a table. But this doesn't work:
  Do you have any workaround - even with CSS formatting - or fix?</p>
  
  <pre><code>@extends('app')
  
  @section('content')
      &lt;div class="table-responsive" id="vueTable"&gt;
          &lt;table class="table-striped"&gt;
              &lt;thead&gt;
                  &lt;td class="table-cell"&gt;&lt;strong&gt;Aktion&lt;/strong&gt;&lt;/td&gt;
              &lt;/thead&gt;
              &lt;tr v-component="members" class="success" v-repeat="members" inline-template&gt;
                  &lt;td&gt;@{{ $data | json }}&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  @endsection
  
  @section('footer')
      &lt;script src="/js/vue.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          var v = new Vue({
              el: '#vueTable',
              data: {
                  members: [{
                      prename: 'Deniz',
                      lastname: 'Adanc'
                  }]
              },
              components: {
                  members: {
                      template: ''
                  }
              }
          });
      &lt;/script&gt;
  @endsection
  </code></pre>