forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
feat: set color scheme meta data value based on user settings (#689)
authored by
Thomas Deinhamer
and committed by
GitHub
348de9c0
4fb4f113
+11
-2
+11
app/app.vue
+11
app/app.vue
···
21
21
{} as Record<string, Directions>,
22
22
)
23
23
24
+
const darkMode = usePreferredDark()
25
+
const colorMode = useColorMode()
26
+
const colorScheme = computed(() => {
27
+
return {
28
+
system: darkMode ? 'dark light' : 'light dark',
29
+
light: 'only light',
30
+
dark: 'only dark',
31
+
}[colorMode.preference]
32
+
})
33
+
24
34
useHead({
25
35
htmlAttrs: {
26
36
'lang': () => locale.value,
···
30
40
titleTemplate: titleChunk => {
31
41
return titleChunk ? titleChunk : 'npmx - Better npm Package Browser'
32
42
},
43
+
meta: [{ name: 'color-scheme', content: colorScheme }],
33
44
})
34
45
35
46
if (import.meta.server) {