Custom prettier config breaks down two-way "reactivity" in VSCode Xstate Editor extension

[elder surge]

1. I install vue by npm init vue@latest
2. I choose to use "eslint" and "prettier".
3. Generated .prettierrc.json is blank.
4. Everything works fine.
5. I add

{
 "useTabs": true,
 "tabWidth": 4
}
``` to .prettierc.json.
6. When i click "Open Visual Editor", make changes and then save file, prettier changes spaces to tabs.
7. After that, Visual Editor is not reacting anymore to the changes in the code and don't change code too.

How to fix that?

[versed adder]

cc. @waxen magnet - is the extension overriding prettier config?

[waxen magnet]

@elder surge which version of the VS Code extenion are you using?

[elder surge]

v1.11.3

When i close Editor Extension and click "Open Visual Editor" again, i now have 2 @latent pewter-layour comments

/** @xstate#5675-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOnVgnIgEYAmagYlmYG0AGAXUVAAcB7WLgAuuPvm4gAHomoBOACwkAzAHYArABoQAT0SzZJdQF8TW-HwhwJaLHkJEJ-QSLETpCOlt0fqpkDZwCYjIKKjpqRwFhUXEkKUQANjYvPQAOEjU-ALtgwgB3AAJYIXQhMAKlSOcYt0QlakVVTR00jJMTIA */

/** @xstate#5675-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOnVgnIgEYAmagYlmYG0AGAXUVAAcB7WLgAuuPvm4gAHomoB2WiQDMsgKwAaEAE9EADmokVAX2Mb8fCHAloseQkQn9BIsROkIAtADYN2j55Mg1jgExGQUVHTUDgLCouJIUogALLQ+urQBQbahhADuAASwQuhCYPmK0U5xroi0nopKqmkIOhnGhkA */

[waxen magnet]

some issue occurred when syncing - does it happen each time for u?

[elder surge]

Yes. If i stick to the default prettier config (blank, no tabs, 2 spaces) everything is ok

[waxen magnet]

Huh, this is weird - recast might be doing something wrong there. Could u share ur prettier config and an example file for which the problem happens?

[elder surge]

{
 "useTabs": true,
 "tabWidth": 4
}

Even this 2 options break. An example file is even brand new machine.
I type "createMachine({})|, then click "Open Visual Editor", make some changes and save file.

[elder surge]

I've dealt with that by adding "*Machine.ts" to .prettierignore

[waxen magnet]

@elder surge could you open an issue about this (with repro steps listed) here: https://github.com/statelyai/xstate-tools ?

I will try to investigate this in the coming days

[elder surge]

Sure, thank you.
https://github.com/statelyai/xstate-tools/issues/293