addon-storysource does not work with Vuejs3

[Sebastienpanda]

Summary

My goal is to have the css style and the button code as in the example given for addon-storysource. Unfortunately, the .mdx only works with React from what I can see and I'm afraid it only works with React too.

Additional information

import type { StorybookConfig } from '@storybook/vue3-vite'
import * as path from 'node:path'

const config: StorybookConfig = {
stories: ['../src//*.mdx', '../src//*.stories.@(js|jsx|mjs|ts|tsx)'],
addons: [
'@storybook/addon-links',
'@storybook/addon-essentials',
'@chromatic-com/storybook',
'@storybook/addon-interactions',
'@storybook/addon-a11y',
'@storybook/addon-docs',
{
name: '@storybook/addon-storysource',
options: {
rule: {
// test: [/.stories.jsx?$/], This is default
include: [path.resolve(__dirname, '../src')] // You can specify directories
},
loaderOptions: {
prettierConfig: { printWidth: 80, singleQuote: false }
}
}
}
],
framework: {
name: '@storybook/vue3-vite',
options: {}
},
docs: {
defaultName: 'Documentation'
}
}

Create a reproduction

No response