usePoll - Manual Polling not triggering start/stop outside standalone button.

[kinger251285]

Version:

"@inertiajs/vue3": "^2.0.5"

Describe the problem:

usePoll manual polling not recognising start or stop unless using a standalone button.

import {usePoll } from '@inertiajs/vue3';

const props = defineProps({  
  syncInProgress: Boolean,
  liveInProgress: Boolean,   
}); 

const { stop, start } = usePoll(1000, { 

  onStart() {
      console.log('Polling request started')
  }, 
  only: ['syncInProgress', 'liveInProgress'] }, 
  {
    autoStart: false,
});

function sync () {
  start();
  router.get('/admin/product-sync');
};

This does not trigger the polling to start. However if i add a standalone button as per the docs example then polling starts.

<template>
    <button @click="start">Start polling</button>
    <button @click="stop">Stop polling</button>
</template>

This works.

However this does not:

<template>
    <button @click="sync(), start">Start polling</button>
</template>

Further to this oddly if i call a function from a standalone button as below it works fine. Yet if i call that function with another or from another function then it does not work:

function startPolling () {
  start();
};

<template>
    <button @click="startPolling()">Start polling</button>
</template>