[Feature] useTheme中的theme是否可以做成响应式的 about fect HOT 6 CLOSED

theme 现在的设计就是响应式的。但是他现在的实现不是一个单例模式。如果想跨组件使用。其实是可以自己在包一层。放到一个更大的context去做这件事。

from fect.

比如我们可以创建一个hook

const globalKey = Symbol('globalState')

export const createGlobalState = () => {
  const { theme, themeChange } = useTheme()
  const state = { theme, themeChange }

  return {
    install(app) {
      app.provide(globalKey, state)
    },
  }
}

export const useGlobalState = () => inject(globalKey)

然后挂载到createApp的use方法上

from fect.

如果考虑实现单例模式。可以说下具体的原因吗。

from fect.

html的class是统一的，所以theme应该是全局唯一的，我已经在其他组件通过themeChange修改了html的class，但是获取到theme却是另一个，这并不合理

from fect.

@QiYuOr2 这么一看确实得这样修改. :)

from fect.

我会创建pull request. 功能会随着下个版本rc.2进行发布。

from fect.