Merge pull request #378 from vuejs-jp/enhance/nuxt-img-mock

NuxtImg for mock

Author: jiyuujin

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({})

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({})

packages/ui/mock/NuxtImg.vue

@@ -0,0 +1,3 @@
+<template>
+  <img src="" alt="" />
+</template>

packages/ui/mock/index.js

@@ -1 +1,2 @@
+export { default as NuxtImg } from './NuxtImg.vue'
 export { default as NuxtLink } from './NuxtLink.vue'