refactor: migrate to nuxt compatibilityVersion: 4 (#3298)

app/plugins/page-lifecycle.client.ts

@@ -0,0 +1,45 @@
+import lifecycle from 'page-lifecycle/dist/lifecycle.mjs'
+import { ELK_PAGE_LIFECYCLE_FROZEN } from '~/constants'
+import { closeDatabases } from '~/utils/elk-idb'
+
+export default defineNuxtPlugin(() => {
+  const state = ref(lifecycle.state)
+  const frozenListeners: (() => void)[] = []
+  const frozenState = useLocalStorage(ELK_PAGE_LIFECYCLE_FROZEN, false)
+
+  lifecycle.addEventListener('statechange', (evt) => {
+    if (evt.newState === 'hidden' && evt.oldState === 'frozen') {
+      frozenState.value = false
+      nextTick().then(() => window.location.reload())
+      return
+    }
+
+    if (evt.newState === 'frozen') {
+      frozenState.value = true
+      frozenListeners.forEach(listener => listener())
+    }
+    else {
+      state.value = evt.newState
+    }
+  })
+
+  const addFrozenListener = (listener: () => void) => {
+    frozenListeners.push(listener)
+  }
+
+  addFrozenListener(() => {
+    if (useAppConfig().pwaEnabled && navigator.serviceWorker.controller)
+      navigator.serviceWorker.controller.postMessage(ELK_PAGE_LIFECYCLE_FROZEN)
+
+    closeDatabases()
+  })
+
+  return {
+    provide: {
+      pageLifecycle: reactive({
+        state,
+        addFrozenListener,
+      }),
+    },
+  }
+})