jakenuts

<template>
    <div ref="fooDiv" @click="onClicked">Hello {{ counter }} Clicks</div>
  </template>
  <script setup lang="ts" >
  
  import { defineProps, ref, onMounted } from 'vue';
  
  const props = defineProps<{ foo?: number }>();
  const emit = defineEmits<{ (e: 'update:clicks', clicks: number): void }>();
  const counter = ref<number>(props.foo ?? 0);