Split format with objects inside React properties

[Diego Fernandes]

While working with React there are sometimes we need to attach objects to tags properties/attributes and when i try to split the attributes with the extension it converts this:

<Button size="sm" fontSize="xs" width="4" bgColor="gray.700" _hover={{ bgColor: 'gray.500' }}>2</Button>

To:

<Button
  size="sm"
  fontSize="xs"
  width="4"
  bgColor="gray.700"
  _hover={{
  bgColor:
  'gray.500'
  }}>2</Button
>

While, for me, the best approach should be:

<Button
  size="sm"
  fontSize="xs"
  width="4"
  bgColor="gray.700"
  _hover={{
    bgColor: 'gray.500'
  }}
>
  2
</Button>