59 lines
1.2 KiB
JavaScript
59 lines
1.2 KiB
JavaScript
import Select from '../select/select.vue'
|
|
import Checkbox from 'src/components/checkbox/checkbox.vue'
|
|
import Popover from 'src/components/popover/popover.vue'
|
|
|
|
import { library } from '@fortawesome/fontawesome-svg-core'
|
|
import {
|
|
faExclamationTriangle,
|
|
faKeyboard,
|
|
faFont
|
|
} from '@fortawesome/free-solid-svg-icons'
|
|
|
|
library.add(
|
|
faExclamationTriangle,
|
|
faKeyboard,
|
|
faFont
|
|
)
|
|
|
|
export default {
|
|
components: {
|
|
Select,
|
|
Checkbox,
|
|
Popover
|
|
},
|
|
props: [
|
|
'name', 'label', 'modelValue', 'fallback', 'options', 'no-inherit'
|
|
],
|
|
mounted () {
|
|
this.$store.dispatch('queryLocalFonts')
|
|
},
|
|
emits: ['update:modelValue'],
|
|
data () {
|
|
return {
|
|
manualEntry: false,
|
|
availableOptions: [
|
|
this.noInherit ? '' : 'inherit',
|
|
'serif',
|
|
'sans-serif',
|
|
'monospace',
|
|
...(this.options || [])
|
|
].filter(_ => _)
|
|
}
|
|
},
|
|
methods: {
|
|
toggleManualEntry () {
|
|
this.manualEntry = !this.manualEntry
|
|
}
|
|
},
|
|
computed: {
|
|
present () {
|
|
return typeof this.modelValue !== 'undefined'
|
|
},
|
|
localFontsList () {
|
|
return this.$store.state.interface.localFonts
|
|
},
|
|
localFontsSize () {
|
|
return this.$store.state.interface.localFonts?.length
|
|
}
|
|
}
|
|
}
|