devsam/core
3
6
Fork 1
Code Issues 60 Pull Requests Releases 1 Wiki Activity

feat: is1000pxMode에 widthMode 통합

Browse Source
This commit is contained in:
Hide_D
2023-03-18 09:03:37 +09:00
parent 6691aa3526
commit 9121780d82
3 changed files with 21 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
hwe/ts/state/is1000pxMode.ts
+18 -2
View File
@@ -1,3 +1,19 @@
import { useMediaQuery } from "@vueuse/core";
import { useLocalStorage, useMediaQuery } from "@vueuse/core";
import { keyScreenMode, type ScreenModeType } from "@/defs";
import { ref, watch } from "vue";
export const is1000pxMode = useMediaQuery('(min-width:900px');
export const is1000pxMode = useMediaQuery('(min-width:900px');
export const isFullWidth = ref(true);
export const widthMode = useLocalStorage<ScreenModeType>(keyScreenMode, "auto")
function setWidthMode([widthMode, is1000pxMode]: [ScreenModeType, boolean]): void {
if (widthMode == "1000px") {
isFullWidth.value = true;
}
if (widthMode == "500px") {
isFullWidth.value = false;
}
isFullWidth.value = is1000pxMode;
}
watch([widthMode, is1000pxMode], setWidthMode);
setWidthMode([widthMode.value, is1000pxMode.value]);