When developing a real-time chart, the x-axis does not move to the left.

### Expected behavior

We want to add real-time data by changing the maximum and minimum values of the x-axis at intervals of 2 seconds.

### Current behavior

1. The x-axis moves well to the left at 2-second intervals (ex, 56s, 58s).
2. If I add data from second 00 (e.g. 46:00, 47:00 | hour:minute), the x-axis does not move.
3. If data is added at 00 seconds, the x-axis moves about 20 seconds after that.


### Reproducible sample

https://github.com/JangCool/sample-nuxt

### Optional extra steps/info to reproduce

https://github.com/JangCool/sample-nuxt

Please refer to the sample project.

yarn install
yarn dev

### Possible solution

I think we need to check how the x-axis is processed when data is added in 00 seconds.

### Context

"https://nagix.github.io/chartjs-plugin-streaming/latest/"

see : /pages/index.vue

Since the project doesn't seem to be updated, I want to implement a real-time chart myself.

### chart.js version

v4.2.1

### Browser name and version

Chrome

### Link to your project

https://github.com/JangCool/sample-nuxt