60bb484ee4
- Forward data-test-id attrs through rendered controls instead of exposing test-id props - Move shell chrome components into the Shell namespace - Remove internal planning docs from published VitePress docs - Add guardrails and contributor guidance for test hooks and component placement
28 lines
575 B
Vue
28 lines
575 B
Vue
<script setup lang="ts">
|
|
import Tip from '@/components/ui/Tip.vue'
|
|
|
|
interface BoundVariableButtonProps {
|
|
label: string
|
|
}
|
|
|
|
defineOptions({ inheritAttrs: false })
|
|
|
|
const { label } = defineProps<BoundVariableButtonProps>()
|
|
|
|
const emit = defineEmits<{
|
|
detach: []
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<Tip :label="label">
|
|
<button
|
|
v-bind="$attrs"
|
|
class="shrink-0 cursor-pointer border-none bg-transparent p-0 text-violet-400 hover:text-surface"
|
|
@click="emit('detach')"
|
|
>
|
|
<icon-lucide-diamond-minus class="size-3.5" />
|
|
</button>
|
|
</Tip>
|
|
</template>
|