From 4c6ae8f086f686fd827cc86ba9bd449cd6a767a2 Mon Sep 17 00:00:00 2001
From: Csaba Tuncsik <csaba@n8n.io>
Date: Wed, 26 Jul 2023 14:25:52 +0200
Subject: [PATCH] fix(editor): Change component prop to be typed

---
 .../editor-ui/src/components/VersionCard.vue   | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/editor-ui/src/components/VersionCard.vue b/packages/editor-ui/src/components/VersionCard.vue
index cfed6b9ff5..3539d14c7c 100644
--- a/packages/editor-ui/src/components/VersionCard.vue
+++ b/packages/editor-ui/src/components/VersionCard.vue
@@ -1,12 +1,5 @@
 <template>
-	<!-- eslint-disable vue/no-mutating-props -->
-	<a
-		v-if="version"
-		:set="(version = version)"
-		:href="version.documentationUrl"
-		target="_blank"
-		:class="$style.card"
-	>
+	<a v-if="version" :href="version.documentationUrl" target="_blank" :class="$style.card">
 		<div :class="$style.header">
 			<div>
 				<div :class="$style.name">
@@ -53,17 +46,24 @@
 </template>
 
 <script lang="ts">
+import type { PropType } from 'vue';
 import { defineComponent } from 'vue';
 import NodeIcon from './NodeIcon.vue';
 import TimeAgo from './TimeAgo.vue';
 import Badge from './Badge.vue';
 import WarningTooltip from './WarningTooltip.vue';
 import type { IVersionNode } from '@/Interface';
+import type { IVersion } from '@/Interface';
 
 export default defineComponent({
 	name: 'VersionCard',
 	components: { NodeIcon, TimeAgo, Badge, WarningTooltip },
-	props: ['version'],
+	props: {
+		version: {
+			type: Object as PropType<IVersion>,
+			required: true,
+		},
+	},
 	// @ts-ignore
 	nodeName(node: IVersionNode): string {
 		return node !== null ? node.displayName : this.$locale.baseText('versionCard.unknown');