<template>
    <v-card class="pa-4">
        <v-list>
            <v-list-item>
                <v-list-item-title>{{ store.agentName }}</v-list-item-title>
            </v-list-item>
            <v-list-item v-for="(item, index) in configItems" :key="index">
                <v-chip class="pa-2">{{ item }}</v-chip>
            </v-list-item>
        </v-list>
    </v-card>
</template>

<script setup>
import { useAgentStore } from '../stores/agentStore'

const store = useAgentStore()
const configItems = [store.service, `Temperatura: ${store.temperature}`, store.trigger, store.deploy]
</script>

<style scoped>
.v-chip {
    background-color: #e0e0e0;
}

</style>