📝 Vue: whitespace sensitivity when embedded snippets `{{ }}` are involved

[dyc3]

Environment information

Details

playground

Configuration

see playground

Playground link

https://biomejs.dev/playground/?quoteStyle=single&trailingCommas=none&indentScriptAndStyle=true&lintRules=all&tab=formatter&pane=Diagnostics&code=PAB0AGUAbQBwAGwAYQB0AGUAPgAKADwAZABpAHYAPgAKADwAcwBwAGEAbgA%2BAAoAPABkAGkAdgA%2BAAoAPAB2AC0AYgB0AG4AIAB2AC0AaQBmAD0AIgBzAHQAbwByAGUALgBzAHQAYQB0AGUALgB1AHMAZQByACIAIAB2AGEAcgBpAGEAbgB0AD0AIgB0AGUAeAB0ACIAIAB0AG8APQAiAC8AbQB5AC0AcgBvAG8AbQBzACIAPgB7AHsACgAJACQAdAAoACIAbgBhAHYALgBtAHkALQByAG8AbwBtAHMAIgApAAoAfQB9ADwALwB2AC0AYgB0AG4APgAKADwALwBkAGkAdgA%2BAAoAPAAvAHMAcABhAG4APgAKADwALwBkAGkAdgA%2BAAoAPAAvAHQAZQBtAHAAbABhAHQAZQA%2BAA%3D%3D&language=vue

Code of Conduct

• I agree to follow Biome's Code of Conduct

[dyc3]

In addition, there seems to be an issue with options getting propagated to embedded snippets. Note that the playground sets the quote style to single and prettier respects it in the embedded snippet, but biome does not.

I have some other snippets that might provide additional context to what the desired behavior should be.

This snippet would suggest that maybe its not entirely a whitespace sensitivity problem. its preserving existing newlines that are inside the {{ }}, treating it as its own block

https://biomejs.dev/playground/?quoteStyle=single&trailingCommas=none&indentScriptAndStyle=true&tab=formatter&pane=Diagnostics&code=PAB0AGUAbQBwAGwAYQB0AGUAPgAKADwAdgAtAGIAdABuAD4ACgAJAAkACQA8AHYALQB0AG8AbwBsAHQAaQBwACAAYQBjAHQAaQB2AGEAdABvAHIAPQAiAHAAYQByAGUAbgB0ACIAIABsAG8AYwBhAHQAaQBvAG4APQAiAGIAbwB0AHQAbwBtACIAPgAKAAkACQAJAAkAPABzAHAAYQBuAD4ACgAJAAkACQAJAAkAewB7AAoACQAJAAkACQAJAAkAcwB0AG8AcgBlAC4AcwB0AGEAdABlAC4AcgBvAG8AbQAuAGUAbgBhAGIAbABlAFYAbwB0AGUAUwBrAGkAcAAKAAkACQAJAAkACQAJAAkAPwAgACQAdAAoACIAcgBvAG8AbQAuAG4AZQB4AHQALQB2AGkAZABlAG8ALQB2AG8AdABlACIAKQAKAAkACQAJAAkACQAJAAkAOgAgACQAdAAoACIAcgBvAG8AbQAuAG4AZQB4AHQALQB2AGkAZABlAG8AIgApAAoACQAJAAkACQAJAH0AfQAKAAkACQAJAAkAPAAvAHMAcABhAG4APgAKAAkACQAJADwALwB2AC0AdABvAG8AbAB0AGkAcAA%2BAAoACQAJADwALwB2AC0AYgB0AG4APgAKADwALwB0AGUAbQBwAGwAYQB0AGUAPgA%3D&language=vue