nanostores hook & upload btn

src/hooks/nanostores.ts

@@ -0,0 +1,17 @@
+import { isServer, noSerialize, useSignal, type NoSerialize } from '@builder.io/qwik';
+import type { ReadableAtom } from 'nanostores';
+
+export function useNanostore<T>(atom: ReadableAtom<T>) {
+    if (isServer) return
+
+    const state = useSignal<T>(atom.get());
+    const store = useSignal<NoSerialize<ReadableAtom<T>> | undefined>(undefined);
+
+    store.value = noSerialize(atom);
+    const unsubscribe = atom.subscribe((value) => {
+        state.value = value;
+    });
+
+    window.addEventListener('beforeunload', () => unsubscribe());
+    return state;
+}