Svelte

Action

<script lang="ts">
import { intentClick } from 'intent-click/svelte';

let handleClick = (event: PointerEvent) => {
    console.log('Intent click at', event.clientX, event.clientY);
};

let options = {
    threshold: 'auto',
    onLongPress: (event: PointerEvent) => {
        console.log('Long press detected');
    },
};
</script>

<button use:intentClick={{ callback: handleClick, options }}>
    Delete Account
</button>

Alias

<script lang="ts">
import { intentClickAction } from 'intent-click/svelte';

function handleClick(event: PointerEvent) {
    console.log('Intent click');
}
</script>

<button use:intentClickAction={{ callback: handleClick }}>
    Delete Account
</button>

intentClickAction is an alias for intentClick.

Options

Same as React. See React documentation.