Continue frontend building

packages/sshecret-frontend/src/components/secrets/SecretGroupTreeEntry.vue

@@ -0,0 +1,18 @@
+<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>