mylingo3d/src/states/useBokehFocus.ts

Lingo3D is a React/Vue 3d game development framework that ships with a complete visual editor

import store, { createEffect } from "@lincode/reactivity"
import { getBokehRefresh } from "./useBokehRefresh"
import { getCameraRendered } from "./useCameraRendered"

export const bokehFocusDefault = 1

export const [setBokehFocus, getBokehFocus] = store(bokehFocusDefault)

createEffect(() => {
    setBokehFocus(getCameraRendered().userData.bokehFocus ?? bokehFocusDefault)
}, [getCameraRendered, getBokehRefresh])