hunk.code_window:   </div>
     <button @click="actorSend({ type: 'FINISH' })"></button>
   </template>
   <script lang="ts">
   import { defineComponent, onMounted, PropType } from 'vue';
   import { useActor } from '../src';
  
hunk.labels: keep replace keep keep keep keep keep
hunk.file_path: packages/xstate-vue/test/UseActorComponentProp.vue
hunk.type: replace
file: <template>
    <div data-testid="actor-state">
      {{ actorState.value }}
    </div>
    <button @click="actorSend({ type: 'FINISH' })"></button>
  </template>
  
  <script lang="ts">
  import { defineComponent, onMounted, PropType } from 'vue';
  import { useActor } from '../src';
  import { ActorRefFrom } from 'xstate';
  
  export default defineComponent({
    props: {
      actor: {
        type: Object as PropType<ActorRefFrom<any>>
      }
    },
    setup(props) {
      const { state: actorState, send: actorSend } = useActor(props.actor);
  
      onMounted(() => {
        actorSend({ type: 'FINISH' });
      });
  
      return { actorState, actorSend };
    }
  });
  </script>
  