Refactoring

src/client/components/launch-pad.vue

@@ -65,7 +65,7 @@ export default defineComponent({
 	created() {
 		this.items = Object.keys(this.menuDef).filter(k => !this.menu.includes(k)).map(k => this.menuDef[k]).filter(def => def.show == null ? true : def.show).map(def => ({
 			type: def.to ? 'link' : 'button',
-			text: this.$t(def.title),
+			text: this.$ts[def.title],
 			icon: def.icon,
 			to: def.to,
 			action: def.action,

src/client/components/sidebar.vue

@@ -20,7 +20,7 @@
 				<template v-for="item in menu">
 					<div v-if="item === '-'" class="divider"></div>
 					<component v-else-if="menuDef[item] && (menuDef[item].show !== false)" :is="menuDef[item].to ? 'MkA' : 'button'" class="item _button" :class="item" active-class="active" v-on="menuDef[item].action ? { click: menuDef[item].action } : {}" :to="menuDef[item].to">
-						<Fa :icon="menuDef[item].icon" fixed-width/><span class="text">{{ $t(menuDef[item].title) }}</span>
+						<Fa :icon="menuDef[item].icon" fixed-width/><span class="text">{{ $ts[menuDef[item].title] }}</span>
 						<i v-if="menuDef[item].indicated"><Fa :icon="faCircle"/></i>
 					</component>
 				</template>

src/client/pages/settings/sidebar.vue

@@ -76,7 +76,7 @@ export default defineComponent({
 				title: this.$ts.addItem,
 				select: {
 					items: [...menu.map(k => ({
-						value: k, text: this.$t(this.menuDef[k].title)
+						value: k, text: this.$ts[this.menuDef[k].title]
 					})), ...[{
 						value: '-', text: this.$ts.divider
 					}]]