title: How do I include Vuetify css on Vue js print?
body: <p>I have tried this code</p>
  <pre><code>      // Get HTML to print from element
        const prtHtml = document.getElementById('print').innerHTML;
  
        // Get all stylesheets HTML
        let stylesHtml = '';
        for (const node of [...document.querySelectorAll('link[rel=&quot;stylesheet&quot;], style')]) {
          stylesHtml += node.outerHTML;
        }
        console.log(stylesHtml);
  
        // Open the print window
        const WinPrint = window.open();
  
        WinPrint.document.write(`&lt;!DOCTYPE html&gt;
        &lt;html&gt;
          &lt;head&gt;
            ${stylesHtml}
          &lt;/head&gt;
          &lt;body&gt;
            ${prtHtml}
          &lt;/body&gt;
        &lt;/html&gt;`);
  
        WinPrint.document.close();
        WinPrint.focus();
        WinPrint.print();
        WinPrint.close();
  </code></pre>
  <p>but it only add portions of vuetify css like v-btn. My problem is I am printing with a lot of helpers like d-flex text-right on a div but not working with this code.</p>