Merge pull request #1 from Hiroshiba/hiho-counter-pr-3c188a47

VOICEVOX#2333 の変更提案プルリクエスト

src/components/Base/BaseCheckbox.stories.ts

@@ -5,6 +5,14 @@ import BaseCheckbox from "./BaseCheckbox.vue";
 
 const meta: Meta<typeof BaseCheckbox> = {
   component: BaseCheckbox,
+  render: (args) => ({
+    components: { BaseCheckbox },
+    setup() {
+      const checked = ref(false);
+      return { args, checked };
+    },
+    template: `<BaseCheckbox v-bind="args" v-model:checked="checked"></BaseCheckbox>`,
+  }),
 };
 
 export default meta;
@@ -14,27 +22,11 @@ export const Unchecked: Story = {
   args: {
     label: "Unchecked",
   },
-  render: (args) => ({
-    components: { BaseCheckbox },
-    setup() {
-      const checked = ref(false);
-      return { args, checked };
-    },
-    template: `<BaseCheckbox v-bind="args" v-model:checked="checked"></BaseCheckbox>`,
-  }),
 };
 
 export const Checked: Story = {
   args: {
     label: "Checked",
     checked: true,
   },
-  render: (args) => ({
-    components: { BaseCheckbox },
-    setup() {
-      const checked = ref(true);
-      return { args, checked };
-    },
-    template: `<BaseCheckbox v-bind="args" v-model:checked="checked"></BaseCheckbox>`,
-  }),
 };

src/components/Base/BaseSelect.stories.ts

@@ -6,12 +6,6 @@ import BaseSelectItem from "./BaseSelectItem.vue";
 
 const meta: Meta<typeof BaseSelect> = {
   component: BaseSelect,
-};
-
-export default meta;
-type Story = StoryObj<typeof BaseSelect>;
-
-export const Default: Story = {
   render: (args) => ({
     components: { BaseSelect, BaseSelectItem },
     setup() {
@@ -27,40 +21,19 @@ export const Default: Story = {
   }),
 };
 
+export default meta;
+type Story = StoryObj<typeof BaseSelect>;
+
+export const Default: Story = {};
+
 export const Placeholder: Story = {
   args: {
     placeholder: "placeholder",
   },
-  render: (args) => ({
-    components: { BaseSelect, BaseSelectItem },
-    setup() {
-      const modelValue = ref("a");
-      return { args, modelValue };
-    },
-    template: `
-      <BaseSelect v-bind="args" v-model="modelValue">
-        <BaseSelectItem label="A" value="a" />
-        <BaseSelectItem label="B" value="b" />
-        <BaseSelectItem label="C" value="c" />
-      </BaseSelect>`,
-  }),
 };
 
 export const Disabled: Story = {
   args: {
     disabled: true,
   },
-  render: (args) => ({
-    components: { BaseSelect, BaseSelectItem },
-    setup() {
-      const modelValue = ref("a");
-      return { args, modelValue };
-    },
-    template: `
-      <BaseSelect v-bind="args" v-model="modelValue">
-        <BaseSelectItem label="A" value="a" />
-        <BaseSelectItem label="B" value="b" />
-        <BaseSelectItem label="C" value="c" />
-      </BaseSelect>`,
-  }),
 };

src/components/Base/BaseSwitch.stories.ts

@@ -5,6 +5,14 @@ import BaseSwitch from "./BaseSwitch.vue";
 
 const meta: Meta<typeof BaseSwitch> = {
   component: BaseSwitch,
+  render: (args) => ({
+    components: { BaseSwitch },
+    setup() {
+      const checked = ref(false);
+      return { args, checked };
+    },
+    template: `<BaseSwitch v-bind="args" v-model:checked="checked"></BaseSwitch>`,
+  }),
 };
 
 export default meta;
@@ -16,14 +24,6 @@ export const Unchecked: Story = {
     checkedLabel: "On",
     checked: false,
   },
-  render: (args) => ({
-    components: { BaseSwitch },
-    setup() {
-      const checked = ref(false);
-      return { args, checked };
-    },
-    template: `<BaseSwitch v-bind="args" v-model:checked="checked"></BaseSwitch>`,
-  }),
 };
 
 export const Checked: Story = {
@@ -32,12 +32,4 @@ export const Checked: Story = {
     checkedLabel: "On",
     checked: true,
   },
-  render: (args) => ({
-    components: { BaseSwitch },
-    setup() {
-      const checked = ref(true);
-      return { args, checked };
-    },
-    template: `<BaseSwitch v-bind="args" v-model:checked="checked"></BaseSwitch>`,
-  }),
 };

src/components/Base/BaseTooltip.stories.ts

@@ -5,15 +5,6 @@ import BaseTooltip from "./BaseTooltip.vue";
 
 const meta: Meta<typeof BaseTooltip> = {
   component: BaseTooltip,
-};
-
-export default meta;
-type Story = StoryObj<typeof BaseTooltip>;
-
-export const Default: Story = {
-  args: {
-    label: "Default",
-  },
   render: (args) => ({
     components: { BaseTooltip, TooltipProvider },
     setup() {
@@ -28,24 +19,18 @@ export const Default: Story = {
   }),
 };
 
+export default meta;
+type Story = StoryObj<typeof BaseTooltip>;
+
+export const Default: Story = {
+  args: {
+    label: "Default",
+  },
+};
+
 export const Disabled: Story = {
   args: {
     label: "Default",
     disabled: true,
   },
-  render: (args) => ({
-    components: {
-      BaseTooltip,
-      TooltipProvider,
-    },
-    setup() {
-      return { args };
-    },
-    template: `
-    <TooltipProvider>
-      <BaseTooltip v-bind="args">
-        <span>Hover</span>
-      </BaseTooltip>
-    </TooltipProvider>`,
-  }),
 };