Headless table pagination infinite loop bug

[kirklin]

Bug description:

After selecting the pagination component in the provided repository, the application becomes unresponsive.

Reproduction steps:

• Navigate to the repository: https://github.com/kirklin/celeris-web/blob/master/apps/admin/src/pages/components/headless-table/pagination/index.vue
• Choose the pagination component.
• The application becomes unresponsive.

Reproduction

https://celeris-web.vercel.app/#/components/headlessTable/pagination

System Info

System:
    OS: macOS 13.5
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 578.73 MB / 64.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.2.0 - ~/.nvm/versions/node/v20.2.0/bin/node
    npm: 9.6.6 - ~/.nvm/versions/node/v20.2.0/bin/npm
    pnpm: 8.10.5 - ~/.nvm/versions/node/v20.2.0/bin/pnpm
    bun: 1.0.3 - ~/.nvm/versions/node/v20.2.0/bin/bun
  Browsers:
    Chrome: 120.0.6099.234
    Safari: 16.6

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guide.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• [X] The provided reproduction is a minimal reproducible of the bug.