styled-components support

[adrian-gierakowski]

I'm considering switching from prettier do dprint on a frontend react project, but one thing is stopping me: pettier formats code in tagged templates for styled-components but dprint doesn't

for example, the following:

import styled from 'styled-components'

const Header = styled.div`
  height: 40px;  padding: 0 15px;
  display: flex;          align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
`

gets formatted by prettier as follows:

const Header = styled.div`
  height: 40px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
`;

but not by dprint

Is there every any chance for dprint-plugin-typescript to add support for this? Thanks!

[adrian-gierakowski]

I wonder if it would be possible to delegate formatting of these to prettier (or any other pluggin) while using dprint for everything else? If something like this could be done in a general and configurable way it would help fill in missing functionality until it’s added to dprint itself