<!-- UMI REAKTIVITU, musi byt predany objekt! -->

<!-- Parent Usage -->
 <recipe-row-marker v-slot="{ toggle }">
  <input
    v-model="toggle.isDone"
    type="checkbox" 
    class="form-control" 
    />
</recipe-row-marker>


<!-- RecipeRowMarker.vue -->
<template>
  <slot v-bind="{ toggle }" />
</template>

<script setup>
import { ref } from 'vue'
const toggle = ref({
  isDone: false
})
</script>

<style scoped>
:slotted(.IsDone :where(.RecipeStep__Heading, .RecipeStep__Text)) {
  @apply opacity-50 line-through;
}
</style>