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:
@@ -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">
|
||||
|
||||
@@ -1,10 +1,12 @@
|
||||
<template>
|
||||
<n8n-tooltip content=" " placement="top">
|
||||
<template #content>
|
||||
<slot />
|
||||
</template>
|
||||
<font-awesome-icon :class="$style['icon']" icon="exclamation-triangle"></font-awesome-icon>
|
||||
</n8n-tooltip>
|
||||
<span>
|
||||
<n8n-tooltip content=" " placement="top">
|
||||
<template #content>
|
||||
<slot />
|
||||
</template>
|
||||
<font-awesome-icon :class="$style['icon']" icon="exclamation-triangle"></font-awesome-icon>
|
||||
</n8n-tooltip>
|
||||
</span>
|
||||
</template>
|
||||
|
||||
<style lang="scss" module>
|
||||
|
||||
Reference in New Issue
Block a user