there are some conflicts between eslint rules and webstrom shortcut key formatting

for example:

<Route path="/list" component={TopicList} />,

airbnb specification, there must be a space in front of the / of the self-closing tag, but it will eliminate the space after the format shortcut key is pressed

and automatic introduction

import TopicList from "../views/topic-list/index"

it will be double quotation marks when it is automatically introduced, which conflicts with the specification of single quotation marks. I don"t know whether it can be set

and when using vue

<script>
    export default {
        
    }
</script>

once formatted, indentation will be generated in script, resulting in two or four more spaces. Can you set eslint to correctly identify the number of spaces here instead of modifying the setting of webstorm?