initial commit

app/utils/dark.ts

@@ -0,0 +1,24 @@
+import { ISDARK } from '~/stores/constant/keys'
+
+export function getDark() {
+    const dark = useCookie(ISDARK)
+    return dark.value && parseInt(dark.value) ? true : false
+}
+
+export function setDark(val: boolean) {
+    const dark = useCookie(ISDARK)
+    dark.value = val ? '1' : '0'
+    updateHtmlDarkClass(val)
+}
+
+export function updateHtmlDarkClass(val: boolean) {
+    if (import.meta.server) return
+    const htmlEl = document.getElementsByTagName('html')[0]
+    htmlEl.setAttribute('class', val ? 'dark' : '')
+}
+
+export function initDark() {
+    updateHtmlDarkClass(getDark())
+}
+
+if (import.meta.client) initDark()