Ghost/ghost/admin/app/components/gh-font-selector.js
2021-06-07 23:06:05 +02:00

26 lines
668 B
JavaScript

import Component from '@glimmer/component';
import {action} from '@ember/object';
export default class GhFontSelector extends Component {
get options() {
return [{
name: 'Elegant serif',
description: 'Beautiful lines with great readability',
value: 'serif'
}, {
name: 'Clean sans-serif',
description: 'A more minimal style with sharp lines',
value: 'sans_serif'
}];
}
get selectedOption() {
return this.options.find(o => o.value === this.args.selected);
}
@action
selectOption(option) {
this.args.onChange(option.value);
}
}