GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-05 03:01:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add vue vite plugin if not found

Browse Source
This commit is contained in:
Ian VanSchooten 2022-09-26 09:09:05 -04:00
parent 2fd0161d4f
commit b81a5b1261
4 changed files with 27 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
code/frameworks/vue3-vite/package.json
View File

@ -54,7 +54,7 @@
"@storybook/builder-vite": "7.0.0-alpha.33",
"@storybook/core-server": "7.0.0-alpha.33",
"@storybook/vue3": "7.0.0-alpha.33",
"@vitejs/plugin-vue": "^3.0.3",
"@vitejs/plugin-vue": "^3.0.0",
"magic-string": "^0.26.1",
"vite": "3",
"vue-docgen-api": "^4.40.0"

20
code/frameworks/vue3-vite/src/preset.ts
View File

@ -1,7 +1,6 @@
import path from 'path';
import fs from 'fs';
import type { StorybookConfig } from '@storybook/builder-vite';
import { vueDocgen } from './plugins/vue-docgen';
import { hasPlugin } from './utils';
export const addons: StorybookConfig['addons'] = ['@storybook/vue3'];
@ -9,19 +8,16 @@ export const core: StorybookConfig['core'] = {
builder: '@storybook/builder-vite',
};
export function readPackageJson(): Record<string, any> | false {
const packageJsonPath = path.resolve('package.json');
if (!fs.existsSync(packageJsonPath)) {
return false;
}
const jsonContent = fs.readFileSync(packageJsonPath, 'utf8');
return JSON.parse(jsonContent);
}
export const viteFinal: StorybookConfig['viteFinal'] = async (config, { presets }) => {
const { plugins = [] } = config;
// Add vue plugin if not present
if (!hasPlugin(plugins, 'vite:vue')) {
const { default: vue } = await import('@vitejs/plugin-vue');
plugins.push(vue());
}
// Add docgen plugin
plugins.push(vueDocgen());
const updated = {

16
code/frameworks/vue3-vite/src/utils.ts Normal file
View File

@ -0,0 +1,16 @@
import { PluginOption } from 'vite';
function checkName(plugin: PluginOption, name: string) {
return typeof plugin === 'object' && 'name' in plugin && plugin.name === name;
}
export function hasPlugin(plugins: PluginOption[], name: string) {
return Boolean(
plugins.find((p): boolean => {
if (Array.isArray(p)) {
return Boolean(hasPlugin(p, name));
}
return checkName(p, name);
})
);
}

4
code/yarn.lock
View File

@ -9504,7 +9504,7 @@ __metadata:
"@storybook/core-server": 7.0.0-alpha.33
"@storybook/vue3": 7.0.0-alpha.33
"@types/node": ^14.14.20 || ^16.0.0
"@vitejs/plugin-vue": ^3.0.3
"@vitejs/plugin-vue": ^3.0.0
magic-string: ^0.26.1
typescript: ~4.6.3
vite: ^3.1.0
@ -11507,7 +11507,7 @@ __metadata:
languageName: node
linkType: hard
"@vitejs/plugin-vue@npm:^3.0.3":
"@vitejs/plugin-vue@npm:^3.0.0":
version: 3.1.0
resolution: "@vitejs/plugin-vue@npm:3.1.0"
peerDependencies: