From fd308c25cf246cbfef74e4b6860c9f02731b3f4f Mon Sep 17 00:00:00 2001 From: Dominik Pschenitschni Date: Sat, 9 Apr 2022 19:15:46 +0200 Subject: [PATCH] chore: lint --- src/stories/Button.stories.js | 24 ++++++++++++------------ src/stories/Button.vue | 14 +++++++------- src/stories/Header.stories.js | 16 ++++++++-------- src/stories/Header.vue | 6 +++--- src/stories/Page.stories.js | 18 +++++++++--------- src/stories/Page.vue | 6 +++--- 6 files changed, 42 insertions(+), 42 deletions(-) diff --git a/src/stories/Button.stories.js b/src/stories/Button.stories.js index 2561202c7..7c803bb60 100644 --- a/src/stories/Button.stories.js +++ b/src/stories/Button.stories.js @@ -1,4 +1,4 @@ -import MyButton from './Button.vue'; +import MyButton from './Button.vue' // More on default export: https://storybook.js.org/docs/vue/writing-stories/introduction#default-export export default { @@ -13,7 +13,7 @@ export default { options: ['small', 'medium', 'large'], }, }, -}; +} // More on component templates: https://storybook.js.org/docs/vue/writing-stories/introduction#using-args const Template = (args) => ({ @@ -21,32 +21,32 @@ const Template = (args) => ({ components: { MyButton }, // The story's `args` need to be mapped into the template through the `setup()` method setup() { - return { args }; + return { args } }, // And then the `args` are bound to your component with `v-bind="args"` template: '', -}); +}) -export const Primary = Template.bind({}); +export const Primary = Template.bind({}) // More on args: https://storybook.js.org/docs/vue/writing-stories/args Primary.args = { primary: true, label: 'Button', -}; +} -export const Secondary = Template.bind({}); +export const Secondary = Template.bind({}) Secondary.args = { label: 'Button', -}; +} -export const Large = Template.bind({}); +export const Large = Template.bind({}) Large.args = { size: 'large', label: 'Button', -}; +} -export const Small = Template.bind({}); +export const Small = Template.bind({}) Small.args = { size: 'small', label: 'Button', -}; +} diff --git a/src/stories/Button.vue b/src/stories/Button.vue index 664f48cb3..c43c8e5d2 100644 --- a/src/stories/Button.vue +++ b/src/stories/Button.vue @@ -3,8 +3,8 @@ diff --git a/src/stories/Header.stories.js b/src/stories/Header.stories.js index eb7826516..cc01d97ec 100644 --- a/src/stories/Header.stories.js +++ b/src/stories/Header.stories.js @@ -1,9 +1,9 @@ -import MyHeader from './Header.vue'; +import MyHeader from './Header.vue' export default { title: 'Example/Header', component: MyHeader, -}; +} const Template = (args) => ({ // Components used in your story `template` are defined in the `components` object @@ -11,18 +11,18 @@ const Template = (args) => ({ // The story's `args` need to be mapped into the template through the `setup()` method setup() { // Story args can be spread into the returned object - return { ...args }; + return { ...args } }, // Then, the spread values can be accessed directly in the template template: '', -}); +}) -export const LoggedIn = Template.bind({}); +export const LoggedIn = Template.bind({}) LoggedIn.args = { user: {}, -}; +} -export const LoggedOut = Template.bind({}); +export const LoggedOut = Template.bind({}) LoggedOut.args = { user: null, -}; +} diff --git a/src/stories/Header.vue b/src/stories/Header.vue index eec3f73b6..b327a395d 100644 --- a/src/stories/Header.vue +++ b/src/stories/Header.vue @@ -30,8 +30,8 @@ diff --git a/src/stories/Page.stories.js b/src/stories/Page.stories.js index 16ea39548..57e67853c 100644 --- a/src/stories/Page.stories.js +++ b/src/stories/Page.stories.js @@ -1,10 +1,10 @@ -import MyPage from './Page.vue'; -import * as HeaderStories from './Header.stories'; +import MyPage from './Page.vue' +import * as HeaderStories from './Header.stories' export default { title: 'Example/Page', component: MyPage, -}; +} const Template = (args) => ({ // Components used in your story `template` are defined in the `components` object @@ -12,19 +12,19 @@ const Template = (args) => ({ // The story's `args` need to be mapped into the template through the `setup()` method setup() { // Story args can be mapped to keys in the returned object - return { user: args.user }; + return { user: args.user } }, // Then, those values can be accessed directly in the template template: '', -}); +}) -export const LoggedIn = Template.bind({}); +export const LoggedIn = Template.bind({}) LoggedIn.args = { // More on composing args: https://storybook.js.org/docs/vue/writing-stories/args#args-composition ...HeaderStories.LoggedIn.args, -}; +} -export const LoggedOut = Template.bind({}); +export const LoggedOut = Template.bind({}) LoggedOut.args = { ...HeaderStories.LoggedOut.args, -}; +} diff --git a/src/stories/Page.vue b/src/stories/Page.vue index f7f238422..225d42649 100644 --- a/src/stories/Page.vue +++ b/src/stories/Page.vue @@ -59,8 +59,8 @@