mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-14 10:04:05 +00:00
47 lines
922 B
JavaScript
47 lines
922 B
JavaScript
|
import {
|
||
|
|
nStoriesOf,
|
||
|
|
action,
|
||
|
|
boolean,
|
||
|
|
text,
|
||
|
|
color,
|
||
|
|
array,
|
||
|
|
object
|
||
|
|
} from "./storybase.js"
|
||
|
|
|
||
|
|
import Logo from "~/components/Logo.vue"
|
||
|
|
|
||
|
|
|
||
|
|
// nStoriesOf({ Logo }, "Logo 1")
|
||
|
|
// .addDecorator(story => (
|
||
|
|
// <div style={{textAlign: 'center'}}>
|
||
|
|
// {story()}
|
||
|
|
// </div>
|
||
|
|
// ))
|
||
|
|
// .add("with some data", () => ({
|
||
|
|
// components: { Logo },
|
||
|
|
// template: `
|
||
|
|
// <logo :data="{ } "/>`
|
||
|
|
// }))
|
||
|
|
|
||
|
|
nStoriesOf({ Logo }, "Logo ")
|
||
|
|
.add("with some data", () => ({
|
||
|
|
components: { Logo },
|
||
|
|
template: `
|
||
|
|
<v-app dark style="min-width:400px">
|
||
|
|
<v-container fill-height>
|
||
|
|
<v-flex xs12>
|
||
|
|
<logo :data="{ } "/>
|
||
|
|
</v-flex>
|
||
|
|
</v-container></v-app>`
|
||
|
|
}))
|
||
|
|
.addVT("with App layout", '<logo :data="{ } "/>')
|
||
|
|
.addVT("with a knob", () => {
|
||
|
|
let data = JSON.stringify(
|
||
|
|
object("Data", {
|
||
|
|
name: "Apple",
|
||
|
|
count: 132
|
||
|
|
})
|
||
|
|
)
|
||
|
|
return `<logo :data='${data}' />`
|
||
|
|
})
|