Format Space within braces for ES6 import/export in vue files
I haven't been able to figure out how to set the format to add or retain the spaces within braces for ES6 import/export line in Vue files.
I would like it to be
import { ref, computed } from 'vue'
But just now it will format to
import {ref, computed} from 'vue'
I have set the option for TypeScript but this doesn't follow through to Vue.
Ideally I would be looking to also be able to set this in the .editorconfig file as well.
Is this currently possible?
Please sign in to leave a comment.
works fine for me - the Spaces | Within | ES6 import/export braces option does affect the .vue files
Does it work in .ts files for you? do you have
.editorconfigin your project, is Editorconfig and/or Prettier support enabled?It works correctly in .ts files but not in the .vue files.
.editorconfig file is present in the project and support is enabled, I don't use Prettier.
>editorconfig file is present in the project and support is enabled
please try disabling it - does it make any difference?
Disabling it has made no difference, still works in .ts files but not .vue files.
please could you share a screen recording of the issue? Is ES6 import/export braces the only option that doesn't work?
I figured this one out, Vue files pull their code style from the JavaScript section and not the TypeScript section. After setting ES6 import/export braces to true in the JavaScript section it is working as intended.
The code style being used depends on a script language - the Vue files with
pull their code style from the Typescript section, the ones with
<script>- from JavaScript