mirror of
https://github.com/n8n-io/n8n.git
synced 2024-11-15 17:14:05 -08:00
ed927d34b2
Github issue / Community forum post (link here to close automatically): --------- Co-authored-by: Romain Minaud <romain.minaud@gmail.com> Co-authored-by: Valya Bullions <valya@n8n.io> Co-authored-by: Csaba Tuncsik <csaba@n8n.io> Co-authored-by: Giulio Andreini <g.andreini@gmail.com> Co-authored-by: Omar Ajoue <krynble@gmail.com>
29 lines
648 B
Vue
29 lines
648 B
Vue
<script lang="ts" setup>
|
|
import type { PropType } from 'vue';
|
|
import type { ExternalSecretsProvider } from '@/Interface';
|
|
import { computed } from 'vue';
|
|
import infisical from '../assets/images/infisical.webp';
|
|
import doppler from '../assets/images/doppler.webp';
|
|
import vault from '../assets/images/hashicorp.webp';
|
|
|
|
const props = defineProps({
|
|
provider: {
|
|
type: Object as PropType<ExternalSecretsProvider>,
|
|
required: true,
|
|
},
|
|
});
|
|
|
|
const image = computed(
|
|
() =>
|
|
({
|
|
doppler,
|
|
infisical,
|
|
vault,
|
|
})[props.provider.name],
|
|
);
|
|
</script>
|
|
|
|
<template>
|
|
<img :src="image" :alt="provider.displayName" width="28" height="28" />
|
|
</template>
|