|
|
|
@ -13,7 +13,7 @@ |
|
|
|
:id="word.text" |
|
|
|
:id="word.text" |
|
|
|
:style="{ |
|
|
|
:style="{ |
|
|
|
fontSize: isSelected(word.text) |
|
|
|
fontSize: isSelected(word.text) |
|
|
|
? word.size * 1.3 + 'px' |
|
|
|
? (word.size ?? minFontSize) * 1.3 + 'px' |
|
|
|
: word.size + 'px', |
|
|
|
: word.size + 'px', |
|
|
|
fontFamily: word.font, |
|
|
|
fontFamily: word.font, |
|
|
|
cursor: 'pointer', |
|
|
|
cursor: 'pointer', |
|
|
|
@ -100,8 +100,8 @@ export default defineComponent({ |
|
|
|
// }, 1500); |
|
|
|
// }, 1500); |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
isSelected(text: string) { |
|
|
|
isSelected(text: string | undefined) { |
|
|
|
return this.selectedSkillStore.skill?.name === text; |
|
|
|
return text && this.selectedSkillStore.skill?.name === text; |
|
|
|
}, |
|
|
|
}, |
|
|
|
noSelectionAtAll() { |
|
|
|
noSelectionAtAll() { |
|
|
|
return !this.selectedSkillStore.skill?.name; |
|
|
|
return !this.selectedSkillStore.skill?.name; |
|
|
|
|