add explanation for meta mfm setting

locales/en-US.yml

@@ -518,7 +518,7 @@ signinHistory: "Login history"
 enableAdvancedMfm: "Enable advanced MFM"
 enableAnimatedMfm: "Enable animated MFM"
 enableMetaMfm: "Enable meta MFM"
-enableMetaMfmExplanation: "Enable meta MFM"
+enableMetaMfmExplanation: "Meta MFM allows posts to dynamically change based on you and your instance. For example with this on A post could say 'Hello [Username]'"
 postUsingMetaMfm: "This post is using the meta mfm tag and so its content may change according to your instance, name, and other things"
 doing: "Processing..."
 category: "Category"

locales/index.d.ts

@@ -2100,6 +2100,10 @@ export interface Locale extends ILocale {
      * この投稿はメタmfmタグを使用しているため、インスタンス、名前、その他の要素に応じて内容が変わる可能性があります。
      */
     "postUsingMetaMfm": string;
+    /**
+     * Meta MFM を使用すると、ユーザーとインスタンスに基づいて投稿を動的に変更できます。たとえば、これを投稿すると、「Hello [ユーザー名]」と言うことができます。
+     */
+    "enableMetaMfmExplanation": string;
     /**
      * やっています
      */

locales/ja-JP.yml

@@ -521,6 +521,7 @@ signinHistory: "ログイン履歴"
 enableAdvancedMfm: "高度なMFMを有効にする"
 enableAnimatedMfm: "動きのあるMFMを有効にする"
 postUsingMetaMfm: "この投稿はメタmfmタグを使用しているため、インスタンス、名前、その他の要素に応じて内容が変わる可能性があります。"
+enableMetaMfmExplanation: "Meta MFM を使用すると、ユーザーとインスタンスに基づいて投稿を動的に変更できます。たとえば、これを投稿すると、「Hello [ユーザー名]」と言うことができます。"
 doing: "やっています"
 category: "カテゴリ"
 tags: "タグ"

packages/frontend/src/components/FkMfmMeta.vue

@@ -15,7 +15,6 @@ Components/FkMfmMeta.vue
 				<slot></slot>
     	</span>
 			<span v-else-if="props.hastype==='desc' && invertIfHasnt($i.description.includes(props.query))">
-			    	{{conditionalKeyData}}
 				<slot></slot>
     	</span>
 			<span v-else-if="props.hastype==='fields' && invertIfHasnt($i.fields.filter(e => e.value.includes(props.query)).length > 0)">
@@ -64,19 +63,8 @@ const props = defineProps({
 	},
 });
 
-
 function invertIfHasnt(condition: boolean) {
-	console.log(props.type)
   return props.type === 'has' ? condition : !condition;
 }
 
 </script>
-
-<style lang="scss" module>
-//.special {
-//	color: var(--accent)
-//	//background-color: var(--panel);
-//	//border-radius: 10px;
-//	//padding: 3px 5px;
-//}
-</style>

packages/frontend/src/pages/settings/general.vue

@@ -55,7 +55,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<MkSwitch v-model="collapseRenotes">{{ i18n.ts.collapseRenotes }}</MkSwitch>
 				<MkSwitch v-model="hideMutedNotes">{{ i18n.ts._wordMute.hideMutedNotes }}</MkSwitch>
 				<MkSwitch v-model="advancedMfm">{{ i18n.ts.enableAdvancedMfm }}</MkSwitch>
-				<MkSwitch v-if="advancedMfm" v-model="metaMfm">{{ i18n.ts.enableMetaMfm }}</MkSwitch>
+				<MkSwitch v-if="advancedMfm" v-model="metaMfm">
+					<template #label>{{ i18n.ts.enableMetaMfm }} <div v-tooltip:dialog="i18n.ts.enableMetaMfmExplanation" class="_button _help"><i class="ti ti-help-circle"></i></div></template>
+				</MkSwitch>
 				<MkSwitch v-if="advancedMfm" v-model="animatedMfm">{{ i18n.ts.enableAnimatedMfm }}</MkSwitch>
 				<MkSwitch v-if="advancedMfm" v-model="enableQuickAddMfmFunction">{{ i18n.ts.enableQuickAddMfmFunction }}</MkSwitch>
 				<MkSwitch v-model="showRepliesCount">{{ i18n.ts.showRepliesCount }}</MkSwitch>