From 8154d86a9dc72932a585df74928a21e308a9f695 Mon Sep 17 00:00:00 2001
From: mattyatea <mattyacocacora0@gmail.com>
Date: Mon, 25 Sep 2023 02:56:53 +0900
Subject: [PATCH] =?UTF-8?q?widget=E3=81=AB=E3=82=B2=E3=83=BC=E3=83=9F?=
 =?UTF-8?q?=E3=83=B3=E3=82=B0=E3=81=AE=E3=82=AA=E3=83=B3=E3=82=AA=E3=83=95?=
 =?UTF-8?q?=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 locales/index.d.ts                            |  3 ++
 .../frontend/src/widgets/WidgetGamingMode.vue | 43 +++++++++++++++++++
 packages/frontend/src/widgets/index.ts        |  2 +
 3 files changed, 48 insertions(+)
 create mode 100644 packages/frontend/src/widgets/WidgetGamingMode.vue

diff --git a/locales/index.d.ts b/locales/index.d.ts
index 1517bb1603..408420fa7c 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -828,6 +828,8 @@ export interface Locale {
     "high": string;
     "middle": string;
     "low": string;
+    "GamingSpeedChange": string;
+    "GamingSpeedChangeInfo": string;
     "emailNotConfiguredWarning": string;
     "ratio": string;
     "previewNoteText": string;
@@ -1946,6 +1948,7 @@ export interface Locale {
         "instanceInfo": string;
         "memo": string;
         "notifications": string;
+        "gamingMode": string;
         "timeline": string;
         "calendar": string;
         "trends": string;
diff --git a/packages/frontend/src/widgets/WidgetGamingMode.vue b/packages/frontend/src/widgets/WidgetGamingMode.vue
new file mode 100644
index 0000000000..966e223087
--- /dev/null
+++ b/packages/frontend/src/widgets/WidgetGamingMode.vue
@@ -0,0 +1,43 @@
+<!--
+SPDX-FileCopyrightText: syuilo and other misskey contributors
+SPDX-License-Identifier: AGPL-3.0-only
+-->
+
+<template>
+<div>
+  <MkSwitch v-model="enableGamingMode">{{ i18n.ts.gamingMode }} <template #caption>{{ i18n.ts.gamingModeInfo }} </template></MkSwitch>
+</div>
+</template>
+
+<script lang="ts" setup>
+import { Interpreter, Parser } from '@syuilo/aiscript';
+import { useWidgetPropsManager, Widget, WidgetComponentEmits, WidgetComponentExpose, WidgetComponentProps } from './widget';
+import { GetFormResultType } from '@/scripts/form.js';
+import MkButton from '@/components/MkButton.vue';
+import {i18n} from "@/i18n.js";
+import MkSwitch from "@/components/MkSwitch.vue";
+import {computed} from "vue";
+import {defaultStore} from "@/store.js";
+const enableGamingMode = computed(defaultStore.makeGetterSetter('gamingMode'));
+const name = 'gamingMode';
+
+const widgetPropsDef = {
+};
+
+type WidgetProps = GetFormResultType<typeof widgetPropsDef>;
+
+const props = defineProps<WidgetComponentProps<WidgetProps>>();
+const emit = defineEmits<WidgetComponentEmits<WidgetProps>>();
+
+const { widgetProps, configure } = useWidgetPropsManager(name,
+	widgetPropsDef,
+	props,
+	emit,
+);
+
+defineExpose<WidgetComponentExpose>({
+	name,
+	configure,
+	id: props.widget ? props.widget.id : null,
+});
+</script>
diff --git a/packages/frontend/src/widgets/index.ts b/packages/frontend/src/widgets/index.ts
index 405c49ab06..655ba609ed 100644
--- a/packages/frontend/src/widgets/index.ts
+++ b/packages/frontend/src/widgets/index.ts
@@ -10,6 +10,7 @@ export default function(app: App) {
 	app.component('WidgetInstanceInfo', defineAsyncComponent(() => import('./WidgetInstanceInfo.vue')));
 	app.component('WidgetMemo', defineAsyncComponent(() => import('./WidgetMemo.vue')));
 	app.component('WidgetNotifications', defineAsyncComponent(() => import('./WidgetNotifications.vue')));
+	app.component('WidgetGamingMode', defineAsyncComponent(() => import('./WidgetGamingMode.vue')));
 	app.component('WidgetTimeline', defineAsyncComponent(() => import('./WidgetTimeline.vue')));
 	app.component('WidgetCalendar', defineAsyncComponent(() => import('./WidgetCalendar.vue')));
 	app.component('WidgetRss', defineAsyncComponent(() => import('./WidgetRss.vue')));
@@ -40,6 +41,7 @@ export const widgets = [
 	'instanceInfo',
 	'memo',
 	'notifications',
+	'gamingMode',
 	'timeline',
 	'calendar',
 	'rss',