taolin/docs_vue2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: fix color scheme switcher

Browse Source
This commit is contained in:
Justineo 2021-11-25 16:14:35 +08:00
parent f5238985a7
commit b20821073f
No known key found for this signature in database
GPG Key ID: B73F0979CF18A0EA
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/OneLive.vue
View File

@ -194,7 +194,7 @@ export default {
return error.name ? `${error.name}: ${error.message}` : error.message return error.name ? `${error.name}: ${error.message}` : error.message
}, },
colorScheme () { colorScheme () {
if (!this.colorSchemeOption || !this.mql) { if (!this.colorSchemeOption) {
return 'dark' return 'dark'
} }
@ -253,6 +253,7 @@ export default {
mounted () { mounted () {
this.mql = window.matchMedia('(prefers-color-scheme: dark)') this.mql = window.matchMedia('(prefers-color-scheme: dark)')
this.mql.addEventListener('change', this.handleColorSchemeChange) this.mql.addEventListener('change', this.handleColorSchemeChange)
this.colorSchemeSystemPref = this.mql.matches ? 'dark' : 'light'
}, },
beforeDestroy () { beforeDestroy () {
this.mql.removeEventListener('change', this.handleColorSchemeChange) this.mql.removeEventListener('change', this.handleColorSchemeChange)

2
plugins/l10n.js
View File

@ -19,7 +19,7 @@ i18n.register(
{ {
showCode: 'Show code', showCode: 'Show code',
hideCode: 'Hide code', hideCode: 'Hide code',
expandEditor: 'Expand Live Editor', expandEditor: 'Expand Live editor',
playInCodeSandbox: 'Open in CodeSandbox', playInCodeSandbox: 'Open in CodeSandbox',
playInStackBlitz: 'Open in StackBlitz' playInStackBlitz: 'Open in StackBlitz'
}, },