1
1
<script setup lang="ts">
2
2
import type { UploadFileInfo } from ' naive-ui'
3
- import { NA , NFlex , NList , NListItem , NUpload , NUploadDragger , useMessage } from ' naive-ui'
3
+ import { NA , NAlert , NCode , NFlex , NList , NListItem , NUpload , NUploadDragger , useMessage } from ' naive-ui'
4
4
import { computed , ref } from ' vue'
5
5
6
6
const message = useMessage ()
@@ -9,7 +9,7 @@ function getInstalledPlugins() {
9
9
return window .fcitx .getInstalledPlugins ().sort ()
10
10
}
11
11
12
- const allPlugins = [' anthy' , ' chewing' , ' chinese-addons' , ' hallelujah' , ' hangul' , ' lua' , ' rime' , ' sayura' , ' thai' , ' unikey' ]
12
+ const allPlugins = [' anthy' , ' chewing' , ' chinese-addons' , ' hallelujah' , ' hangul' , ' lua' , ' mozc ' , ' rime' , ' sayura' , ' thai' , ' unikey' ]
13
13
const installedPlugins = ref <string []>(getInstalledPlugins ())
14
14
const availablePlugins = computed (() => allPlugins .filter (plugin => ! installedPlugins .value .includes (plugin )))
15
15
@@ -37,11 +37,17 @@ async function onUpload(files: UploadFileInfo[]) {
37
37
38
38
<template >
39
39
<NFlex size =" large" >
40
- <NUpload v-model:file-list =" fileList" style =" width : auto " multiple accept =" .zip" @update:file-list =" onUpload" >
41
- <NUploadDragger style =" height : 200px " >
42
- Download and drag zip to this area
43
- </NUploadDragger >
44
- </NUpload >
40
+ <NFlex vertical >
41
+ <NUpload v-model:file-list =" fileList" style =" width : auto " multiple accept =" .zip" @update:file-list =" onUpload" >
42
+ <NUploadDragger style =" height : 200px " >
43
+ Download and drag zip to this area
44
+ </NUploadDragger >
45
+ </NUpload >
46
+ <NAlert title =" Warning" type =" warning" >
47
+ Mozc doesn't work on Chrome unless start the process with <br >
48
+ <NCode >--enable-features=WebAssemblyUnlimitedSyncCompilation</NCode >
49
+ </NAlert >
50
+ </NFlex >
45
51
<NFlex >
46
52
<NList style =" min-width : 100px " >
47
53
<template #header >
0 commit comments