Add sample view in theme-editor

This commit is contained in:
syuilo 2020-10-18 00:49:02 +09:00
parent 2d96af1255
commit 2de1df3514
2 changed files with 126 additions and 2 deletions

View file

@ -75,6 +75,12 @@
</div>
</div>
</section>
<section class="_section">
<details class="_content">
<summary>{{ $t('sample') }}</summary>
<MkSample/>
</details>
</section>
<section class="_section">
<div class="_content">
<MkButton inline @click="preview">{{ $t('preview') }}</MkButton>
@ -88,16 +94,17 @@
import { defineComponent } from 'vue';
import { faPalette, faChevronDown, faKeyboard } from '@fortawesome/free-solid-svg-icons';
import * as JSON5 from 'json5';
import { toUnicode } from 'punycode';
import MkRadio from '@/components/ui/radio.vue';
import MkButton from '@/components/ui/button.vue';
import MkInput from '@/components/ui/input.vue';
import MkTextarea from '@/components/ui/textarea.vue';
import MkSelect from '@/components/ui/select.vue';
import MkSample from '@/components/sample.vue';
import { convertToMisskeyTheme, ThemeValue, convertToViewModel, ThemeViewModel } from '@/scripts/theme-editor';
import { Theme, applyTheme, lightTheme, darkTheme, themeProps, validateTheme } from '@/scripts/theme';
import { toUnicode } from 'punycode';
import { host } from '@/config';
import * as os from '@/os';
@ -107,7 +114,8 @@ export default defineComponent({
MkButton,
MkInput,
MkTextarea,
MkSelect
MkSelect,
MkSample,
},
data() {