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',
+ },
+};