title: vue.js components : How to truncate the text in the slot element in a component?
body: <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>