vuejs addDecorator(withOptions({ name: 'bah', theme: { mainBackground: 'red' } })) does not change storybook page name or color

Describe the bug using addDecorator(withOptions({ name: ‘bah’, theme: { mainBackground: ‘red’ } })) does not affect storybook pages using vuejs.

To Reproduce Steps to reproduce the behavior:

1. Write the following to your vue project’s .storybook/config.js: addDecorator(withOptions({ name: 'bah', theme: { mainBackground: 'red' } }))
2. run the storybook application and see the page with un-changed name and background.

Expected behavior the name and background should be changed

Screenshots

Code snippets .storybook/config.js

import { configure, addDecorator } from '@storybook/vue';
import { withOptions } from '@storybook/addon-options';
import { themes } from '@storybook/components';
import 'babel-polyfill';

// automatically import all files ending in *.stories.js
const req = require.context( '../stories', true, /.stories.js$/ );
function loadStories () {
    req.keys().forEach( filename => req( filename ) );
}

addDecorator(
    withOptions({
        name: 'bah',
        theme: {
            mainBackground: 'red'
        }
    })
);

configure( loadStories, module );

System:

• OS: MacOS
• Device: Macbook Pro 2016
• Browser: Firefox (any)
• Framework: vue
• Addons: “@storybook/vue”: “^4.0.7”, “@storybook/addon-options”: “^4.0.7”
• Version: “storybook”: “1.0.0”

[Leesson]

Adding import '@storybook/addon-options/register' to .storybook/addons.js did fix this issue.

addons.js:

import '@storybook/addon-actions/register';
import '@storybook/addon-links/register';
import '@storybook/addon-options/register';

config.js:

import { configure, addDecorator } from '@storybook/vue';
import { withOptions } from '@storybook/addon-options';
import { themes } from '@storybook/components';
const { dark } = themes;

addDecorator(
  withOptions({
    theme: dark,
  })
);

// automatically import all files ending in *.stories.js
const req = require.context('../stories', true, /.stories.js$/);
function loadStories() {
  req.keys().forEach(filename => req(filename));
}

configure(loadStories, module);

[Keraito]

@iambumblehead Currently there are only those two pre-made themes, yes. But creating your own should not be too difficult.

the issue is, for me, resolved but I leave the status unchanged in case that is more polite.

If all your problems are resolved regarding the initial issue, then please feel free to close this issue 😃