vue.js components : How to truncate the text in the slot element in a component?
<p>Is there a way to apply a filter to the slot content in a Vue component?</p>

<p>To clarify, I would like to truncate the text included manually in the HTML. For example I would like to transform this:</p>

<pre><code>&lt;!-- In the view --&gt;
&lt;my-component&gt;
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, 
laboriosam quasi rerum obcaecati dignissimos autem laudantium error 
quas voluptatibus debitis?
&lt;/my-component&gt;
</code></pre>

<p>into this:</p>

<pre><code>&lt;!-- Generated component --&gt;
&lt;div&gt;
Lorem ipsum dolor sit amet, consectetur adipisicing ...
&lt;/div
</code></pre>

<p>I can't seem to find this information in the documentation.</p>

<p>Thank you.</p>