我搜索 user idle plugin/decision for livewire / alpine app

I search for user idle plugin/decision for livewire / alpine app

有没有像 https://github.com/soixantecircuits/idle-vue 这样的东西(检测用户何时没有 与您的应用程序交互了一段时间)兼容 laravel 7 /livewire 1.3 / turbolinks:5 / alpine@v2 ?

谢谢!

假设您已经安装了 idle-js,您可以:

<div
  x-data="{ idle: false }"
  x-init="_idle = new IdleJs({
    onIdle: () => { idle = true },
    onActive: () => { idle = false },
  });
  _idle.start();"
>
  <p x-text="idle ? 'Idle': 'Not idle'"></p>
</div>

我已经得到它作为 a codepen