fix(client): コントロールパネルのカスタム絵文字タブが切り替わらないように見える問題を修正

CHANGELOG.md

@@ -16,6 +16,7 @@
 - リレー向けのActivityが一部実装で除外されてしまうことがあるのを修正
 - 削除したノートやユーザーがリモートから参照されると復活することがあるのを修正
 - クライアント: ページ編集時のドロップダウンメニューなどが動作しない問題を修正
+- クライアント: コントロールパネルのカスタム絵文字タブが切り替わらないように見える問題を修正
 
 ## 12.94.1 (2021/10/25)
 

src/client/pages/admin/emojis.vue

@@ -48,7 +48,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent } from 'vue';
+import { computed, defineComponent, toRef } from 'vue';
 import MkButton from '@client/components/ui/button.vue';
 import MkInput from '@client/components/form/input.vue';
 import MkPagination from '@client/components/ui/pagination.vue';
@@ -112,7 +112,7 @@ export default defineComponent({
 	},
 
 	async mounted() {
-		this.$emit('info', this[symbols.PAGE_INFO]);
+		this.$emit('info', toRef(this, symbols.PAGE_INFO));
 	},
 
 	methods: {

src/client/pages/admin/index.vue

@@ -26,7 +26,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineAsyncComponent, defineComponent, nextTick, onMounted, reactive, ref, watch } from 'vue';
+import { computed, defineAsyncComponent, defineComponent, isRef, nextTick, onMounted, reactive, ref, watch } from 'vue';
 import { i18n } from '@client/i18n';
 import MkSuperMenu from '@client/components/ui/super-menu.vue';
 import FormGroup from '@client/components/debobigego/group.vue';
@@ -73,7 +73,13 @@ export default defineComponent({
 		const view = ref(null);
 		const el = ref(null);
 		const onInfo = (viewInfo) => {
+			if (isRef(viewInfo)) {
+				watch(viewInfo, () => {
+					childInfo.value = viewInfo.value;
+				}, { immediate: true });
+			} else {
 				childInfo.value = viewInfo;
+			}
 		};
 		const pageProps = ref({});