fix(editor): Resolve vue 3 related console-warnings (#6779)

* fix(editor): Resolve vue 3 related console-warnings

Signed-off-by: Oleg Ivaniv <me@olegivaniv.com>

* Use span as component wrapper instead of div

Signed-off-by: Oleg Ivaniv <me@olegivaniv.com>

* Wrap popover component in span

Signed-off-by: Oleg Ivaniv <me@olegivaniv.com>

---------

Signed-off-by: Oleg Ivaniv <me@olegivaniv.com>
This commit is contained in:
OlegIvaniv
2023-07-28 16:59:06 +02:00
committed by GitHub
parent e824ab057d
commit 30484a0615
4 changed files with 36 additions and 30 deletions

View File

@@ -1,21 +1,23 @@
<template>
<n8n-tooltip placement="bottom" :disabled="!disabledHint">
<template #content>
<div>{{ disabledHint }}</div>
</template>
<div>
<n8n-button
v-bind="$attrs"
:loading="nodeRunning && !isListeningForEvents && !isListeningForWorkflowEvents"
:disabled="disabled || !!disabledHint"
:label="buttonLabel"
:type="type"
:size="size"
:transparentBackground="transparent"
@click="onClick"
/>
</div>
</n8n-tooltip>
<span>
<n8n-tooltip placement="bottom" :disabled="!disabledHint">
<template #content>
<div>{{ disabledHint }}</div>
</template>
<div>
<n8n-button
v-bind="$attrs"
:loading="nodeRunning && !isListeningForEvents && !isListeningForWorkflowEvents"
:disabled="disabled || !!disabledHint"
:label="buttonLabel"
:type="type"
:size="size"
:transparentBackground="transparent"
@click="onClick"
/>
</div>
</n8n-tooltip>
</span>
</template>
<script lang="ts">