From be7b71a2f56ecd0cef14a1ddec91c92f9a2aeaed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Acid=20Chicken=20=28=E7=A1=AB=E9=85=B8=E9=B6=8F=29?=
 <root@acid-chicken.com>
Date: Mon, 20 Mar 2023 16:15:03 +0900
Subject: [PATCH] refactor(#10336): remove hatches

---
 packages/frontend/.storybook/generate.tsx          |  2 +-
 .../src/components/MkAnalogClock.stories.impl.ts   | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 packages/frontend/src/components/MkAnalogClock.stories.impl.ts

diff --git a/packages/frontend/.storybook/generate.tsx b/packages/frontend/.storybook/generate.tsx
index cc39ef68e7..db2ff8f048 100644
--- a/packages/frontend/.storybook/generate.tsx
+++ b/packages/frontend/.storybook/generate.tsx
@@ -30,7 +30,7 @@ function toStories(component: string): string {
 			properties={[
 				<property
 					key={<identifier name="layout" />}
-					value={<literal value={`${dir}/`.startsWith('src/pages/') || base === 'MkAnalogClock.vue' ? 'fullscreen' : 'centered'} />}
+					value={<literal value={`${dir}/`.startsWith('src/pages/') ? 'fullscreen' : 'centered'} />}
 					kind="init"
 				/>,
 				...hasMsw
diff --git a/packages/frontend/src/components/MkAnalogClock.stories.impl.ts b/packages/frontend/src/components/MkAnalogClock.stories.impl.ts
new file mode 100644
index 0000000000..420357561a
--- /dev/null
+++ b/packages/frontend/src/components/MkAnalogClock.stories.impl.ts
@@ -0,0 +1,14 @@
+export const Default = {
+	render(args, { argTypes }) {
+		return {
+			components: {
+				MkAnalogClock,
+			},
+			props: Object.keys(argTypes),
+			template: '<MkAnalogClock v-bind="$props" />',
+		};
+	},
+	parameters: {
+		layout: 'fullscreen',
+	},
+};