We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent 59d06eb commit 0418610Copy full SHA for 0418610
example/styles.less
@@ -121,3 +121,9 @@ body {
121
text-overflow: ellipsis;
122
}
123
124
+
125
+.dark-textarea {
126
+ background-color: #333;
127
+ color: #fff;
128
+ border-color: #444;
129
+}
example/useDarkMode.ts
@@ -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