Vue-loader: Replace "jade" with "pug"

[stephanedemotte]

Jade has been renamed to "pug" due to a trademark problem.

See: pugjs/pug#2184

-> you should replace "jade" with "pug" in the package.json and support "pug" templates:

<template lang="pug">
.hello
  h1 {{ msg }}
</template>

lang="jade" still should be allowed.

®@eschmid72
Same as : https://github.com/vuejs/vueify/issues/79

Thanks !

[paulpflug]

vue-loader uses consolidate.js, which doesn't support pug yet: https://github.com/tj/consolidate.js/pull/232

[doowb]

pug is now in [email protected]

[yyx990803]

Now that consolidate has support for pug in a patch release, I don't think there's anything we need to do in vue-loader. Just do a fresh install to get latest deps, and then npm install pug should suffice.

[ianberdin]

:class="variable" doesn't work with pug...

":" is not valid as the start or end of an un-quoted attribute.

Proof

[lazytyper]

-> https://github.com/pugjs/pug-lexer/issues/61

[Vivi-wu]

@happierall Maybe you can try this:
':class'='variable'

[snikidev]

Writing in full, i.e. v-bind:class worked for me in pug.

[danmoore83]

both shortcut and full syntax worked for me.
:class="{ visible: !isStart }"