Polling

import { usePoll } from '@inertiajs/vue3'

usePoll(2000)

import { usePoll } from '@inertiajs/react'

usePoll(2000)

import { usePoll } from '@inertiajs/svelte'

usePoll(2000)

import { usePoll } from '@inertiajs/vue3'

usePoll(2000, {
    onStart() {
            console.log('Polling request started')
    },
    onFinish() {
            console.log('Polling request finished')
    }
})

import { usePoll } from '@inertiajs/react'

usePoll(2000, {
    onStart() {
            console.log('Polling request started')
    },
    onFinish() {
            console.log('Polling request finished')
    }
})

import { usePoll } from '@inertiajs/svelte'

usePoll(2000, {
    onStart() {
            console.log('Polling request started')
    },
    onFinish() {
            console.log('Polling request finished')
    }
})

<script setup>
import { usePoll } from '@inertiajs/vue3'

const { start, stop } = usePoll(2000, {}, {
    autoStart: false,
})
</script>

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

import { usePoll } from '@inertiajs/react'

export default () => {
    const { start, stop } = usePoll(2000, {}, {
            autoStart: false,
    })

    return (
            <div>
                    <button onClick={start}>Start polling</button>
                    <button onClick={stop}>Stop polling</button>
            </div>
    )
}

import { usePoll } from '@inertiajs/svelte'

const { start, stop } = usePoll(2000, {}, {
    autoStart: false,
})

import { usePoll } from '@inertiajs/vue3'

usePoll(2000, {}, {
    keepAlive: true,
})

import { usePoll } from '@inertiajs/react'

usePoll(2000, {}, {
    keepAlive: true,
})

import { usePoll } from '@inertiajs/svelte'

usePoll(2000, {}, {
    keepAlive: true,
})