diff options
Diffstat (limited to 'src/client/pages/preferences/theme.vue')
| -rw-r--r-- | src/client/pages/preferences/theme.vue | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/src/client/pages/preferences/theme.vue b/src/client/pages/preferences/theme.vue index c2db053a91..173ccd7091 100644 --- a/src/client/pages/preferences/theme.vue +++ b/src/client/pages/preferences/theme.vue @@ -6,8 +6,8 @@ <div class="toggleWrapper"> <input type="checkbox" class="dn" id="dn" v-model="darkMode" :disabled="syncDeviceDarkMode"/> <label for="dn" class="toggle"> - <span class="before" v-t="'light'"></span> - <span class="after" v-t="'dark'"></span> + <span class="before">{{ $t('light') }}</span> + <span class="after">{{ $t('dark') }}</span> <span class="toggle__handler"> <span class="crater crater--1"></span> <span class="crater crater--2"></span> @@ -22,7 +22,7 @@ </label> </div> </div> - <mk-switch v-model="syncDeviceDarkMode" v-t="'syncDeviceDarkMode'"></mk-switch> + <mk-switch v-model="syncDeviceDarkMode">{{ $t('syncDeviceDarkMode') }}</mk-switch> </div> <div class="_content"> <mk-select v-model="lightTheme"> @@ -43,17 +43,17 @@ <option v-for="x in lightThemes" :value="x.id" :key="x.id">{{ x.name }}</option> </optgroup> </mk-select> - <a href="https://assets.msky.cafe/theme/list" rel="noopener" target="_blank" class="_link" v-t="'_theme.explore'"></a>・<router-link to="/theme-editor" class="_link" v-t="'_theme.make'"></router-link> + <a href="https://assets.msky.cafe/theme/list" rel="noopener" target="_blank" class="_link">{{ $t('_theme.explore') }}</a>・<router-link to="/theme-editor" class="_link">{{ $t('_theme.make') }}</router-link> </div> <div class="_content"> - <mk-button primary v-if="wallpaper == null" @click="setWallpaper" v-t="'setWallpaper'"></mk-button> - <mk-button primary v-else @click="wallpaper = null" v-t="'removeWallpaper'"></mk-button> + <mk-button primary v-if="wallpaper == null" @click="setWallpaper">{{ $t('setWallpaper') }}</mk-button> + <mk-button primary v-else @click="wallpaper = null">{{ $t('removeWallpaper') }}</mk-button> </div> <div class="_content"> <details> <summary><fa :icon="faDownload"/> {{ $t('_theme.install') }}</summary> <mk-textarea v-model="installThemeCode"> - <span v-t="'_theme.code'"></span> + <span>{{ $t('_theme.code') }}</span> </mk-textarea> <mk-button @click="() => install(this.installThemeCode)" :disabled="installThemeCode == null" primary inline><fa :icon="faCheck"/> {{ $t('install') }}</mk-button> <mk-button @click="() => preview(this.installThemeCode)" :disabled="installThemeCode == null" inline><fa :icon="faEye"/> {{ $t('preview') }}</mk-button> @@ -67,7 +67,7 @@ </mk-select> <template v-if="selectedTheme"> <mk-textarea readonly tall :value="selectedThemeCode"> - <span v-t="'_theme.code'"></span> + <span>{{ $t('_theme.code') }}</span> </mk-textarea> <mk-button @click="uninstall()" v-if="!builtinThemes.some(t => t.id == selectedTheme.id)"><fa :icon="faTrashAlt"/> {{ $t('uninstall') }}</mk-button> </template> |