I use a lot of CSS classes and I like long, descriptive class names, thats why I sometimes end up with multi line class names:
<div
class="
o-grid__item
o-vertical-spacing
o-vertical-spacing--l
u-width-12/12
u-width-6/12@m">
</div>It seems that the server renderer can't handle those new line separated classes:
<img width="808" alt="bildschirmfoto 2017-11-14 um 18 08 50" src="https://user-images.githubusercontent.com/6883314/32793758-1ccae744-c967-11e7-9e2f-0d1b1c330beb.png">As soon as I trigger client side rendering, everything looks fine again:
<img width="273" alt="bildschirmfoto 2017-11-14 um 18 11 10" src="https://user-images.githubusercontent.com/6883314/32793793-3aa40dc2-c967-11e7-8430-02b1478ab8f5.png">Is there something I can do about this or is this a bug in Nuxt or the Vue server renderer?
<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1870">#c1870</a>)</em></sub></div>