Multiple dollar sign $ in .vue files formats incorrectly

[strickczq]

Your Environment

• Prettier version: 2.7.1
• node version: 18.11.0
• package manager: pnpm@7.13.4
• IDE: VScode

Describe the bug

with @trivago/prettier-plugin-sort-imports: 3.4.0, code $$(0); will be formatted to $(0); in .vue files, which is unacceptable when using Vue3's Reactivity Transform

note that it works normally when:

• in .js and .ts files
• prettier with @trivago/prettier-plugin-sort-imports: 3.3.1
• prettier without @trivago/prettier-plugin-sort-imports

To Reproduce

there is a file test.vue

<script setup>
$$(0);
</script>

and then I run prettier --plugin @trivago/prettier-plugin-sort-imports --write test.vue

the file is formatted to

<script setup>
$(0);
</script>

interestingly

• $ -> $
• $$ -> $
• $$$ -> $$
• $$$$ -> $$

Expected behavior

the file test.vue should be unchanged

<script setup>
$$(0);
</script>

Screenshots, code sample, etc

Configuration File (cat .prettierrc, prettier.config.js, .prettier.js)

prettier's default config with just @trivago/prettier-plugin-sort-imports plugin

Error log

N/A

Contribute to @trivago/prettier-plugin-sort-imports

• [ ] I'm willing to fix this bug 🥇

[michaelwilson-deswik]

This seems to also affects template literals which causes a change to the output of a string.

<script lang="ts">
const variableName = `$${true}`;
</script>

becomes

<script lang="ts">
const variableName = `${true}`;
</script>