feat: support directives

[sxzz]

close #155

[antfu]

Thanks for the hard work! However, I don't really want to introduce Babel here, giving the fact that for components it's quite straightforward to search for _resolveComponent usage without AST. Could we do the same for directives? I am not familiar with it but IIRC it's something like _withDirective?

[sxzz]

Yes. But in Vue 2, it will be very hard to transform without AST.

var render = function () {
  var _vm = this
  var _h = _vm.$createElement
  var _c = _vm._self._c || _h
  return _c("test-comp", {
    directives: [
      { name: "loading", rawName: "v-loading", value: 123, expression: "123" }
    ]
  })
}

[antfu]

But honestly, do we really need this? I found directives are rarely used for me. For the few of them, I think it's better to register globally - I don't expect directives to be huge that impacting the code-splitting.

[sxzz]

IMO, It can be used out of the box in some ui frameworks (element-plus, element-ui), if with this feature.

element-plus/element-plus#3776 (comment)

[antfu]

I am fine to have this but I don't want to introduce Babel that affecting the existing users just because of a relatively rarely used feature. If you absolutely need this, I think we should keep the original transformation, and have babel enabled only for Vue 2 directives with an explicit flag to enable (default to false).

[sxzz]

OK. I will change it.

[sxzz]

@antfu Done.

[sxzz]

@antfu I fixed unit test. Feel free to tell me if you have any questions.

[sxzz]

Hi, when can it gets merged?