<script>
import clickOutside from './clickOutside'
let counter = 0;
function inc() {
counter++
}
</script>
<section use:clickOutside={{onClickOutside: inc}}>
<h1>
Sample page content
</h1>
</section>
<label>
Clicked: {counter} times
</label>
<style>
section {
width: 100%;
background: #eee;
padding: 2rem 0;
text-align: center;
margin-bottom: 1rem;
}
</style>