Skip to content

Instantly share code, notes, and snippets.

@brophdawg11
Created March 19, 2018 14:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save brophdawg11/07aee0e6e20b911993e6dc1eaa6b2d04 to your computer and use it in GitHub Desktop.
Save brophdawg11/07aee0e6e20b911993e6dc1eaa6b2d04 to your computer and use it in GitHub Desktop.
const Vue = require('vue')
const renderer = require('vue-server-renderer').createRenderer()
// Class attributes with newlines in the for formatting end up rendering
// trailing `\n` characters which causes the classname not to apply.
// I.e., `long-classname-2 long-classname-3\n long-classname-4`
// So .long-classname-3 styles to not apply
const app = new Vue({
template:
`<div>
<p class="class-1 class-2 class-3">
Working
</p>
<p class="long-classname-1 long-classname-2 long-classname-3
long-classname-4 long-classname-5 long-classname-6">
Broken
</p>
</div>`,
})
renderer.renderToString(app, (err, html) => {
if (err) throw err
console.log(html)
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment