What problem does this feature solve?

  <div
    :style="{
      padding: '5px',
      top: top + 'px',
      left: left+ 'px',
    }"
  >
  </div>

What does the proposed API look like?

  <div
    :style="{
      padding:  5,
      top: top,
      left,
    }"
  >
  </div>

Use vite-plugin-vue-inline-style.

F.Y.I. earlier discussions at https://github.com/vuejs/vue/issues/8759

imo, vue is vue because it provides a lot of simple things

The reason for not implementing this: https://github.com/vuejs/vue/issues/8759#issuecomment-418598816

But given that React's adoption is so worldwide, it has already made it impossible for CSS to introduce changes that may break React. So I think it would be safe for other frameworks to introduce this feature.