add settings

locales/index.d.ts

@@ -10180,11 +10180,11 @@ export interface Locale extends ILocale {
         /**
          * 激しい動きを含むカスタム絵文字のアニメーションだけを止める
          */
-        "stopAnimatingCustomEmojisWithMovement": string;
+        "stopAnimatingEmojisWithMovement": string;
         /**
          * 激しい動きを含むとモデレーターが判断したものだけ、アニメーションを停止します。その他の絵文字（動きがゆるいもの等）は通常通りアニメーションされます。絵文字のアニメーションを完全に停止させたい場合は、「アニメーション画像を再生しない」を利用してください。
          */
-        "stopAnimatingCustomEmojisWithMovementDescription": string;
+        "stopAnimatingEmojisWithMovementDescription": string;
     };
 }
 declare const locales: {

locales/ja-JP.yml

@@ -2715,5 +2715,5 @@ _contextMenu:
 
 _hana:
   hasMovement: "激しい動きあり"
-  stopAnimatingCustomEmojisWithMovement: "激しい動きを含むカスタム絵文字のアニメーションだけを止める"
-  stopAnimatingCustomEmojisWithMovementDescription: "激しい動きを含むとモデレーターが判断したものだけ、アニメーションを停止します。その他の絵文字（動きがゆるいもの等）は通常通りアニメーションされます。絵文字のアニメーションを完全に停止させたい場合は、「アニメーション画像を再生しない」を利用してください。"
+  stopAnimatingEmojisWithMovement: "激しい動きを含むカスタム絵文字のアニメーションだけを止める"
+  stopAnimatingEmojisWithMovementDescription: "激しい動きを含むとモデレーターが判断したものだけ、アニメーションを停止します。その他の絵文字（動きがゆるいもの等）は通常通りアニメーションされます。絵文字のアニメーションを完全に停止させたい場合は、「アニメーション画像を再生しない」を利用してください。"

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

@@ -137,6 +137,12 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<MkSwitch v-model="enableSeasonalScreenEffect">{{ i18n.ts.seasonalScreenEffect }}</MkSwitch>
 				<MkSwitch v-model="useNativeUIForVideoAudioPlayer">{{ i18n.ts.useNativeUIForVideoAudioPlayer }}</MkSwitch>
 			</div>
+			<div class="_gaps_s">
+				<MkSwitch v-model="stopAnimatingEmojisWithMovement">
+					<template #label>{{ i18n.ts._hana.stopAnimatingEmojisWithMovement }}</template>
+					<template #caption>{{ i18n.ts._hana.stopAnimatingEmojisWithMovementDescription }}</template>
+				</MkSwitch>
+			</div>
 			<div>
 				<MkRadios v-model="emojiStyle">
 					<template #label>{{ i18n.ts.emojiStyle }}</template>
@@ -256,6 +262,7 @@ import MkLink from '@/components/MkLink.vue';
 import MkInfo from '@/components/MkInfo.vue';
 import { langs } from '@/config.js';
 import { defaultStore } from '@/store.js';
+import { hanaStore } from '@/hana/store.js';
 import * as os from '@/os.js';
 import { misskeyApi } from '@/scripts/misskey-api.js';
 import { unisonReload } from '@/scripts/unison-reload.js';
@@ -325,6 +332,8 @@ const alwaysConfirmFollow = computed(defaultStore.makeGetterSetter('alwaysConfir
 const confirmWhenRevealingSensitiveMedia = computed(defaultStore.makeGetterSetter('confirmWhenRevealingSensitiveMedia'));
 const contextMenu = computed(defaultStore.makeGetterSetter('contextMenu'));
 
+const stopAnimatingEmojisWithMovement = computed(hanaStore.makeGetterSetter('stopAnimatingEmojisWithMovement'));
+
 watch(lang, () => {
 	miLocalStorage.setItem('lang', lang.value as string);
 	miLocalStorage.removeItem('locale');

packages/frontend/vite.config.local-dev.ts

@@ -32,7 +32,7 @@ const devConfig: UserConfig = {
 	base: './',
 	server: {
 		host: 'localhost',
-		port: 5173,
+		port: 5174,
 		proxy: {
 			'/api': {
 				changeOrigin: true,
@@ -53,7 +53,7 @@ const devConfig: UserConfig = {
 			'/identicon': {
 				target: httpUrl,
 				rewrite(path) {
-					return path.replace('@localhost:5173', '');
+					return path.replace('@localhost:5174', '');
 				},
 			},
 			'/url': httpUrl,