From 97a4f32dfcc4d8d30d8f3f71983f1593cc4f65c7 Mon Sep 17 00:00:00 2001
From: Leah <leah@leahdevs.xyz>
Date: Sat, 11 Jan 2025 19:12:08 +0100
Subject: [PATCH] add explanation for meta mfm setting

---
 locales/en-US.yml                                |  2 +-
 locales/index.d.ts                               |  4 ++++
 locales/ja-JP.yml                                |  1 +
 packages/frontend/src/components/FkMfmMeta.vue   | 12 ------------
 packages/frontend/src/pages/settings/general.vue |  4 +++-
 5 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/locales/en-US.yml b/locales/en-US.yml
index 8a2b9e7a8..a641dca31 100644
--- a/locales/en-US.yml
+++ b/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"
diff --git a/locales/index.d.ts b/locales/index.d.ts
index de9387883..d80fdfbdd 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -2100,6 +2100,10 @@ export interface Locale extends ILocale {
      * この投稿はメタmfmタグを使用しているため、インスタンス、名前、その他の要素に応じて内容が変わる可能性があります。
      */
     "postUsingMetaMfm": string;
+    /**
+     * Meta MFM を使用すると、ユーザーとインスタンスに基づいて投稿を動的に変更できます。たとえば、これを投稿すると、「Hello [ユーザー名]」と言うことができます。
+     */
+    "enableMetaMfmExplanation": string;
     /**
      * やっています
      */
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 07f6e2809..b85ca2a9a 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -521,6 +521,7 @@ signinHistory: "ログイン履歴"
 enableAdvancedMfm: "高度なMFMを有効にする"
 enableAnimatedMfm: "動きのあるMFMを有効にする"
 postUsingMetaMfm: "この投稿はメタmfmタグを使用しているため、インスタンス、名前、その他の要素に応じて内容が変わる可能性があります。"
+enableMetaMfmExplanation: "Meta MFM を使用すると、ユーザーとインスタンスに基づいて投稿を動的に変更できます。たとえば、これを投稿すると、「Hello [ユーザー名]」と言うことができます。"
 doing: "やっています"
 category: "カテゴリ"
 tags: "タグ"
diff --git a/packages/frontend/src/components/FkMfmMeta.vue b/packages/frontend/src/components/FkMfmMeta.vue
index ca4aa7372..27d8afa6d 100644
--- a/packages/frontend/src/components/FkMfmMeta.vue
+++ b/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>
diff --git a/packages/frontend/src/pages/settings/general.vue b/packages/frontend/src/pages/settings/general.vue
index 65a0ffb99..73b7a76b4 100644
--- a/packages/frontend/src/pages/settings/general.vue
+++ b/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>