Auto width & height

[feri-irawan]

Why doesn't Satori have auto width & height based on element size (font-size + padding, etc)?

Form:

const options = {
  width: 600,
  height: 400,
  fonts: [
    {
      name: 'Roboto',
      data: robotoArrayBuffer,
      weight: 400,
      style: 'normal',
    },
  ],
},

await satori(
  {
    type: 'div',
    props: {
      children: 'hello, world',
      style: { color: 'black' },
    },
  },
  options
)

To:

const options = {
  fonts: [
    {
      name: 'Roboto',
      data: robotoArrayBuffer,
      weight: 400,
      style: 'normal',
    },
  ],
},

await satori(
  {
    type: 'div',
    props: {
      children: 'hello, world',
      style: {
        color: 'black',
        padding: '1rem' // increase element size
      },
    },
  },
  options
)