From 29987afd089aee3ea08ab54d2686d69dd098ac5a Mon Sep 17 00:00:00 2001
From: jiyuujin <jiyuujinunite@gmail.com>
Date: Sat, 12 Oct 2024 21:40:21 +0900
Subject: [PATCH] NuxtImg for mock

---
 packages/ui/components/speaker/Avatar.stories.ts  | 2 +-
 packages/ui/components/speaker/Speaker.stories.ts | 2 +-
 packages/ui/mock/NuxtImg.vue                      | 3 +++
 packages/ui/mock/index.js                         | 1 +
 4 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 packages/ui/mock/NuxtImg.vue

diff --git a/packages/ui/components/speaker/Avatar.stories.ts b/packages/ui/components/speaker/Avatar.stories.ts
index 729d5b2a..ccd8200f 100644
--- a/packages/ui/components/speaker/Avatar.stories.ts
+++ b/packages/ui/components/speaker/Avatar.stories.ts
@@ -30,7 +30,7 @@ const Template: StoryFn<unknown> = (args, { argTypes }) => ({
   setup() {
     return { args }
   },
-  template: '<Avatar v-bind="args" />',
+  template: '<div style="width: 340px;"><Avatar v-bind="args" /></div>',
 })
 
 export const Default = Template.bind({})
diff --git a/packages/ui/components/speaker/Speaker.stories.ts b/packages/ui/components/speaker/Speaker.stories.ts
index 4f62571f..9fba020c 100644
--- a/packages/ui/components/speaker/Speaker.stories.ts
+++ b/packages/ui/components/speaker/Speaker.stories.ts
@@ -58,7 +58,7 @@ const Template: StoryFn<unknown> = (args, { argTypes }) => ({
   setup() {
     return { args }
   },
-  template: '<Speaker v-bind="args" />',
+  template: '<div style="width: 340px;"><Speaker v-bind="args" /></div>',
 })
 
 export const Default = Template.bind({})
diff --git a/packages/ui/mock/NuxtImg.vue b/packages/ui/mock/NuxtImg.vue
new file mode 100644
index 00000000..5685e926
--- /dev/null
+++ b/packages/ui/mock/NuxtImg.vue
@@ -0,0 +1,3 @@
+<template>
+  <img src="" alt="" />
+</template>
\ No newline at end of file
diff --git a/packages/ui/mock/index.js b/packages/ui/mock/index.js
index 7f4a4606..397dab3e 100644
--- a/packages/ui/mock/index.js
+++ b/packages/ui/mock/index.js
@@ -1 +1,2 @@
+export { default as NuxtImg } from './NuxtImg.vue'
 export { default as NuxtLink } from './NuxtLink.vue'