mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-01-11 21:07:28 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(editor): Migrate VersionCard.vue to use composition API (no-changelog) (#9799)

Browse source
This commit is contained in:
Ricardo Espinoza 2024-06-19 09:36:38 -07:00 committed by GitHub
parent f6b8b8d956
commit 106b0ac1a0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 13 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
packages/editor-ui/src/components/VersionCard.vue
View file

@ -44,36 +44,30 @@
v-for="node in version.nodes"
:key="node.name"
:node-type="node"
:title="$options.nodeName(node)"
:title="nodeName(node)"
/>
</div>
</div>
</a>
</template>
<script lang="ts">
import type { PropType } from 'vue';
import { defineComponent } from 'vue';
<script setup lang="ts">
import NodeIcon from './NodeIcon.vue';
import TimeAgo from './TimeAgo.vue';
import Badge from './Badge.vue';
import WarningTooltip from './WarningTooltip.vue';
import type { IVersionNode, IVersion } from '@/Interface';
import type { IVersion, IVersionNode } from '@/Interface';
import { useI18n } from '@/composables/useI18n';
export default defineComponent({
name: 'VersionCard',
components: { NodeIcon, TimeAgo, Badge, WarningTooltip },
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');
},
});
defineProps<{
version: IVersion;
}>();
const i18n = useI18n();
const nodeName = (node: IVersionNode): string => {
return node !== null ? node.displayName : i18n.baseText('versionCard.unknown');
};
</script>
<style module lang="scss">