File size: 1,661 Bytes
4d70170 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 |
import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
import 'vue-resize/dist/vue-resize.css'
import type { App } from 'vue'
import VueVirtualScroller from 'vue-virtual-scroller'
import { keys } from '@vue-devtools/shared-utils'
import VueSafeTeleport from 'vue-safe-teleport'
import VueResize from 'vue-resize'
import VueUi, { generateHtmlIcon } from '../features/ui'
import VI18n from './i18n'
import Responsive from './responsive'
import GlobalRefs from './global-refs'
export function setupPlugins(app: App) {
app.use(VueSafeTeleport)
app.use(VueUi)
app.use(VueResize)
app.use(VueVirtualScroller)
const currentLocale = 'en'
const locales = require.context('../locales')
const replacers = [
{ reg: /<input>/g, replace: '<span class="input-example">' },
{ reg: /<mono>/g, replace: '<span class="mono">' },
{ reg: /<\/(input|mono)>/g, replace: '</span>' },
{ reg: /\[\[(\S+)\]\]/g, replace: '<span class="keyboard">$1</span>' },
{ reg: /<<(\S+)>>/g, replace: (_, p1) => generateHtmlIcon(p1) as string },
]
app.use(VI18n, {
strings: locales(`./${currentLocale}`).default,
defaultValues: {
keys,
},
replacer: (text: string) => {
for (const replacer of replacers) {
// @ts-expect-error meow
text = text.replace(replacer.reg, replacer.replace)
}
return text
},
})
app.use(Responsive)
app.use(GlobalRefs, {
refs: {
leftScroll: () => document.querySelector('.left .scroll'),
leftRecycleList: () => document.querySelector('.left .vue-recycle-scroller'),
rightScroll: () => document.querySelector('.right .scroll'),
},
})
}
|