From 72079955b045068709a9205b38d83c21cce47c23 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Sun, 11 Aug 2024 18:30:47 +0900
Subject: [PATCH] add settings

---
 locales/index.d.ts                               | 4 ++--
 locales/ja-JP.yml                                | 4 ++--
 packages/frontend/src/pages/settings/general.vue | 9 +++++++++
 packages/frontend/vite.config.local-dev.ts       | 4 ++--
 4 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/locales/index.d.ts b/locales/index.d.ts
index a6f634d3fd4c..6023dc9db867 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -10180,11 +10180,11 @@ export interface Locale extends ILocale {
         /**
          * 激しい動きを含むカスタム絵文字のアニメーションだけを止める
          */
-        "stopAnimatingCustomEmojisWithMovement": string;
+        "stopAnimatingEmojisWithMovement": string;
         /**
          * 激しい動きを含むとモデレーターが判断したものだけ、アニメーションを停止します。その他の絵文字（動きがゆるいもの等）は通常通りアニメーションされます。絵文字のアニメーションを完全に停止させたい場合は、「アニメーション画像を再生しない」を利用してください。
          */
-        "stopAnimatingCustomEmojisWithMovementDescription": string;
+        "stopAnimatingEmojisWithMovementDescription": string;
     };
 }
 declare const locales: {
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 9bd110b885f9..927dbbd207a6 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -2715,5 +2715,5 @@ _contextMenu:
 
 _hana:
   hasMovement: "激しい動きあり"
-  stopAnimatingCustomEmojisWithMovement: "激しい動きを含むカスタム絵文字のアニメーションだけを止める"
-  stopAnimatingCustomEmojisWithMovementDescription: "激しい動きを含むとモデレーターが判断したものだけ、アニメーションを停止します。その他の絵文字（動きがゆるいもの等）は通常通りアニメーションされます。絵文字のアニメーションを完全に停止させたい場合は、「アニメーション画像を再生しない」を利用してください。"
+  stopAnimatingEmojisWithMovement: "激しい動きを含むカスタム絵文字のアニメーションだけを止める"
+  stopAnimatingEmojisWithMovementDescription: "激しい動きを含むとモデレーターが判断したものだけ、アニメーションを停止します。その他の絵文字（動きがゆるいもの等）は通常通りアニメーションされます。絵文字のアニメーションを完全に停止させたい場合は、「アニメーション画像を再生しない」を利用してください。"
diff --git a/packages/frontend/src/pages/settings/general.vue b/packages/frontend/src/pages/settings/general.vue
index 94ef3b8485c9..84a2f8579645 100644
--- a/packages/frontend/src/pages/settings/general.vue
+++ b/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');
diff --git a/packages/frontend/vite.config.local-dev.ts b/packages/frontend/vite.config.local-dev.ts
index 887ab7927e9f..712cca586514 100644
--- a/packages/frontend/vite.config.local-dev.ts
+++ b/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,