mylingo3d/src/states/useBokehAperture.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 bokehApertureDefault = 0.03

export const [setBokehAperture, getBokehAperture] = store(bokehApertureDefault)

createEffect(() => {
    setBokehAperture(
        getCameraRendered().userData.bokehAperture ?? bokehApertureDefault
    )
}, [getCameraRendered, getBokehRefresh])