Nested objects in "Clone Props" have prettier formatting?

Community Feature requests
1

I was wondering if it were possible to have clone props when using nested objects have prettier format, as it gets a little hard to edit when it autosaves to one single line.
Example:

clone props I insert the object

{
    variables: {
      fullScreenIcon: "down-left-and-up-right-to-center",
      fullScreenToggle: 0,
      fullScreenBgColor:
        "linear-gradient(to right, rgb(255, 183, 197), rgb(255, 235, 238))",
      fullScreenOpacity: 1,
    },
  }

and props auto formats it to a single line

{
  "variables": { "fullScreenIcon": "down-left-and-up-right-to-center", "fullScreenToggle": 0, "fullScreenBgColor": "linear-gradient(to right, rgb(255, 183, 197), rgb(255, 235, 238))", "fullScreenOpacity": 1 }
}

I'm not sure if making these more lines will effect performance and that is why it is done, but I thought keeping the format will be easier to manage large nested objects for the props.

Cheers,
DMDComposer

2

You could wrap it in a #{} block to prevent any formatting.

1 Like