Runtime directive used on component with non-element root node.

[stijns96]

Description

Storyblok uses the v-editable="blok" directive to make them easily accessibly in their theme editor. The client can click on the blok to customise it. In most cases it works well, but somehow with the button I have issues.

Maybe worth to check that out?

I can of course wrap it in a div for now, but then I miss the block setting that then does not have any effect without further customisations on the div as well.

[Vue warn]: Runtime directive used on component with non-element root node. The directives will not function as intended. 
  at <NuxtLink ariaCurrentValue="page" to="" custom="" > 
  at <ULink type=undefined disabled=false inactiveClass=""  ... > 
  at <UButton label="Button" color="primary" variant="solid"  ... > 
  at <Button ref_key="blokRef" ref=Ref< Proxy(Object) {__v_skip: true} > blok= {_uid: '64a08c2a-1e70-41a3-8415-b0c70c1d72eb', icon: '', link: {…}, block: false, color: 'primary', …

Please let me know if you need more info on this.