Лучший способ установить атрибуты VNode в Vue.js, используя TypeScript

Question

Как программно установить атрибуты для узлов тегов Vue.js ( VNode ) без необходимости каждый раз определять vnode.data и vnode.data.attrs?

Способ, которым я пользуюсь, далек от оптимального:

const itemNode = h('div', item.title)
itemNode.data = {}
itemNode.data.attrs = {}
itemNode.data.attrs.class = 'some-class'

Answer 1

вычислено с помощью Глубина объекта данных

const menuItemNode = h(
  'div',
  {
    class: {
      'some-good-class': true,
      'some-bad-class': false
    }
  },
  item.title
)