element-plus/docs/.vitepress/vitepress/composables/dark.ts

import { useDark, useToggle } from '@vueuse/core'

export const isDark =
  // @ts-expect-error when PROD is true, do not useDark
  import.meta.env.PROD ||
  useDark({
    storageKey: 'el-theme-appearance',
  })
// remove as boolean when dark mode is ok
export const toggleDark = useToggle(isDark as boolean)
feat(docs): add docs dark basic style (#6196) 2022-02-21 21:36:34 +08:00			`import { useDark, useToggle } from '@vueuse/core'`

fix(docs): do not useDark when production (#6262) * fix(theme-chalk): remove useless tag close icon css attribute * fix(docs): disable useDark when online 2022-02-24 14:03:02 +08:00			`export const isDark =`
			`// @ts-expect-error when PROD is true, do not useDark`
			`import.meta.env.PROD \|\|`
			`useDark({`
			`storageKey: 'el-theme-appearance',`
			`})`
			`// remove as boolean when dark mode is ok`
			`export const toggleDark = useToggle(isDark as boolean)`