title: vue.js 2 use scoped slots in custom element
body: <p>I'll try to explain my problem.</p>
  <p>I have a VueJS component, that uses slots in its template. For example:</p>
  <p>App.vue:</p>
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;slot name=&quot;content&quot; :content=&quot;somecontent&quot;&gt;&lt;/slot&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
    export default {
      data(){
        return {
          somecontent: &quot;test&quot;
        }
      }
    }
  &lt;/script&gt;
  </code></pre>
  <p>And now I would like to initialize it like this:</p>
  <pre><code>&lt;App&gt;
    &lt;template #content=&quot;somecontent&quot;&gt;
      &lt;div&gt;{{somecontent}}&lt;/div&gt;
    &lt;/template&gt;
  &lt;/App&gt;
  </code></pre>
  <p>The idea is that the user would be able to override a part of the widget content and still have some data that the widget provides. A real-life example would be a list where the elements are being loaded remotely and the user can override the list item template.</p>
  <p>I know now that custom elements do not support scoped slots. Is there any other way to achieve this? The template syntax does not need to be like above.
  Thanks for any info that could solve my problem.</p>