Skip to content

Commit 0418610

Browse files
committed
feat: created darkmode composable
1 parent 59d06eb commit 0418610

File tree

2 files changed

+25
-0
lines changed

2 files changed

+25
-0
lines changed

example/styles.less

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -121,3 +121,9 @@ body {
121121
text-overflow: ellipsis;
122122
}
123123
}
124+
125+
.dark-textarea {
126+
background-color: #333;
127+
color: #fff;
128+
border-color: #444;
129+
}

example/useDarkMode.ts

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { inject, ref, watch } from 'vue';
2+
3+
export function useDarkMode() {
4+
const darkModeState = inject('darkModeState');
5+
const localDarkMode = ref(darkModeState.isDarkMode);
6+
7+
watch(
8+
() => darkModeState.isDarkMode,
9+
newVal => {
10+
localDarkMode.value = newVal;
11+
},
12+
);
13+
14+
const toggleLocalDarkMode = () => {
15+
darkModeState.isDarkMode = !darkModeState.isDarkMode;
16+
};
17+
18+
return { localDarkMode, toggleLocalDarkMode };
19+
}

0 commit comments

Comments
 (0)