<template>
  <sl-tree-item :id="itemId" data-type="secret" :data-name="name" :data-group-path="groupPath">
    <sl-icon name="file-lock2"> </sl-icon>
    <span class="px-2">{{ name }}</span>
  </sl-tree-item>
</template>

<script setup lang="ts">
import { computed, toRef } from 'vue'
const props = defineProps<{
  name: string
  groupPath: string
  selected?: boolean
}>()

const groupPath = toRef(() => props.path)
const itemId = computed(() => `secret-${props.name}`)
</script>
