title: Vue render element with directive
body: <p>I'm trying to render this directive using Render Function</p>
  
  <pre><code>&lt;h2 v-tooltip.top="{ content: 'You have new messages.', classes: 'tooltip-info', offset: 15 }"&gt;
              some text
  &lt;/h2&gt;
  </code></pre>
  
  <p>Using this code inside function</p>
  
  <pre><code>return createElement('h2', {
                      directives: [
                          {
                              name: 'v-tooltip',
                              value: {
                                  content: field.tooltip.content ? field.tooltip.content : field.tooltip,
                                  classes: field.tooltip.class ? field.tooltip.class : 'tooltip-info',
                                  offset: 15,
                              },
                              arg: 'top',
                          },
                      ],
                  }, [field.title]);
  </code></pre>
  
  <p>but i get this error:
  [<code>Vue warn]: Failed to resolve directive: v-tooltip</code></p>
  
  <p>Am i missing something, field is object which might have content or class prop.
  So i set them if it has or go to default in the else.</p>
  
  <p>v-tooltip is this directive <a href="https://github.com/Akryum/v-tooltip" rel="nofollow noreferrer">https://github.com/Akryum/v-tooltip</a></p>