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
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 36 additions and 30 deletions

View file

@ -14,10 +14,12 @@ export default defineComponent({
</script> </script>
<template> <template>
<el-popover v-bind="{ ...$props, ...$attrs }"> <span>
<template #reference> <el-popover v-bind="{ ...$props, ...$attrs }">
<slot name="reference" /> <template #reference>
</template> <slot name="reference" />
<slot /> </template>
</el-popover> <slot />
</el-popover>
</span>
</template> </template>

View file

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

View file

@ -1,10 +1,12 @@
<template> <template>
<n8n-tooltip content=" " placement="top"> <span>
<template #content> <n8n-tooltip content=" " placement="top">
<slot /> <template #content>
</template> <slot />
<font-awesome-icon :class="$style['icon']" icon="exclamation-triangle"></font-awesome-icon> </template>
</n8n-tooltip> <font-awesome-icon :class="$style['icon']" icon="exclamation-triangle"></font-awesome-icon>
</n8n-tooltip>
</span>
</template> </template>
<style lang="scss" module> <style lang="scss" module>

View file

@ -731,7 +731,7 @@
"node.waitingForYouToCreateAnEventIn": "Waiting for you to create an event in {nodeType}", "node.waitingForYouToCreateAnEventIn": "Waiting for you to create an event in {nodeType}",
"node.discovery.pinData.canvas": "You can pin this output instead of waiting for a test event. Open node to do so.", "node.discovery.pinData.canvas": "You can pin this output instead of waiting for a test event. Open node to do so.",
"node.discovery.pinData.ndv": "You can pin this output instead of waiting for a test event.", "node.discovery.pinData.ndv": "You can pin this output instead of waiting for a test event.",
"nodeBase.clickToAddNodeOrDragToConnect": "Click to add node<br />or drag to connect", "nodeBase.clickToAddNodeOrDragToConnect": "Click to add node \n or drag to connect",
"nodeCreator.actionsPlaceholderNode.scheduleTrigger": "On a Schedule", "nodeCreator.actionsPlaceholderNode.scheduleTrigger": "On a Schedule",
"nodeCreator.actionsPlaceholderNode.webhook": "On a Webhook call", "nodeCreator.actionsPlaceholderNode.webhook": "On a Webhook call",
"nodeCreator.actionsCategory.actions": "Actions", "nodeCreator.actionsCategory.actions": "Actions",