The Prettier bundled in Vetur for Visual Studio Code is out of date.

• I have searched through existing issues
• I have read through docs
• I have read FAQ
• I have tried restarting VS Code or running Vetur: Restart VLS

Info

• Platform: Windows
• Vetur version: 0.30.1
• VS Code version: 1.51.1

Problem

Create a Vue file and fill its <style> tag with a CSS rule that includes a background shorthand:

<style>
.a {
    background: #fff url(/a.jpg) 50px calc(100% + 2px) no-repeat
}
</style>

Then format document. The above code would be formatted to:

<style>
.a {
  background: #fff url(/a.jpg)50pxcalc(100% + 2px)no-repeat;
}
</style>

It may have something to do with the fact that the Prettier bundled is out of date. A similar problem used to occur in Glitch: https://github.com/prettier/prettier/issues/8067

However, quoting the URL can keep the rule above correctly formatted.

Reproducible Case

[yoyo930021]

Hmm, Probably is a esbuild minify problem. yarn watch is ok. yarn compile is wrong.

But why does it affect the generated code?

Reason: https://esbuild.github.io/api/#keep-names

I found a key about this problem. I fixed it and add a test.

[yoyo930021]

This problem isn’t out of date prettier, We use v2.1.2 version with prettier. but rather when passing the search plugin folder to prettier. I need time to study the problem.