<template>
  <div class="area" @click="touched"></div>
</template>

<style lang="scss" scoped>
.area {
  cursor: pointer;
}
</style>

<script lang="ts">
import { Component, Vue, Prop } from "vue-property-decorator";

@Component
export default class TouchArea extends Vue {
  @Prop()
  private name!: string;

  private touched() {
    this.$emit("touch", this.name);
  }
}
</script>
