<script setup>
import TLabel from "@/components/ui/TLabel.vue";

const props = defineProps(["v-addresses"])
</script>

<template>
	<div class="flex flex-wrap gap-2">
		<TLabel v-if="vAddresses != null" v-for="addr in vAddresses" outlined="">
			<span>{{addr.protocol}}://<span v-if="addr.host.length > 0">{{addr.host.quoteIP()}}</span><span v-else>*</span>:{{addr.portRange}}</span>
		</TLabel>
	</div>
</template>

<style scoped>

</style>