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

Question

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

谢谢！

Answer 1

假设您已经安装了 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

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

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

laravel-livewire

alpine.js