Prettier Pug Plugin: Not formatting as expected.

Info

• I have searched through existing issues
• I have read through docs
• I have read FAQ
• Platform: macOS
• Vetur version: 0.28.0 Problem Problem

Problem

Pug templates don’t use @prettier/plugin-pug specific settings. According the developer over on @prettier/plugin-pug I think this is because the package needs to be updated in Vetur’s package.json.

Original Issue I opened on @prettier/plugin-pug

Issue: https://github.com/prettier/plugin-pug/issues/124 Related Issue: https://github.com/vuejs/vetur/issues/527

Temporary Solution

I had to downgrade Vetur’s version to 0.27.3, and then any @prettier/plugin-pug settings work. I will open a request on the Vetur repo and see about getting them to update to the current version.

Input

<template lang="pug">
button.hello( class="world" disabled @click="handleClick"  )
</template>

Expected Output

<template lang="pug">
button.hello.world( disabled  @click="handleClick" )
</template>

Actual Output

<template lang="pug">
button.hello.world( disabled, @click="handleClick"  )
</template>

Additional Context

My project has a .prettierrc file with the options

{
  "semi": false,
  "arrowParens": "always",
  "printWidth": 600,
  "pugAttributeSeparator": "none"
}

[Shinigami92]

@octref A bunch of new features made it into 1.8.0 🎉
Would be really nice if you upgrade and release 😃

[lehni]

@octref funny to cross paths again! I started working on plugin-pug recently (after taking note of its existence through Vetur), you can see me pop up in the commits here and there 😉