singleAttributePerLine is not working on tsx files

[Godrules500]

return (
    <div className="group relative flex items-start md:-ml-12">
      <div className="flex size-[25px] shrink-0 select-none items-center justify-center rounded-md border bg-background shadow-sm">
        <IconUser />
      </div>
      <div className="ml-4 flex-1 space-y-2 overflow-hidden px-1 relative">
        {isEditing ? (
          <>
            <textarea
              className="w-full h-24 p-2" // Adjust height as needed
              value={editableText}
              onChange={handleTextChange}
            />
            <div className="flex justify-center">
              <Button
                className=""
                onClick={handleSubmitChanges}
                size="md"
                variant="filled"
              >
                Submit Changes
              </Button>
              <Button
                className="ml-2"
                onClick={toggleEdit}
                size="md"
                variant="filled"
              >
                Cancel
              </Button>
            </div>
          </>
        ) : (
          <>
            {children}
            <button
              onClick={toggleEdit}
              className="absolute right-0 top-0 p-2 cfaRed"
              disabled={isEditing}
            >
              <IconEdit />
            </button>
          </>
        )}
      </div>
    </div>

prettier.config.cjs

{
  printWidth: 2000,
  singleAttributePerLine: true
}

Why?

I am using tsx and when I format the file using prettier, it is keeping the attributes all on their individual line. I am on version 3.2.4.

Thanks!

[sosukesuzuki]

This looks like an attribute thanks to the CSS framework you are using, but it is really just a class name. The singleAttributePerLine option does not respect the content of the class name. This is the intended behavior.

[sosukesuzuki]

Also, next time you create an issue, please use the issue template. It will make it easier to triage and may speed up our replies.