You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When I change the controls, nothing happens.
This issue started after migration from v6 to v7.
Now I'm on the latest v8, all my dependencies are up-to-date, and this issue remains.
Screen.Recording.2024-04-18.at.15.20.57.mov
sharing my config and preview settings: main.ts
importpathfrom"path";importVueTypeImportsfrom"vite-plugin-vue-type-imports";importeslintfrom"vite-plugin-eslint";importtype{StorybookConfig}from'@storybook/vue3-vite';consttailwindConfigPath=path.join(__dirname,"../tailwind.config.js");// or your own config filerequire("storybook-tailwind-foundations/initialize.js").default(tailwindConfigPath);constconfig: StorybookConfig={framework: "@storybook/vue3-vite",stories: ["../node_modules/storybook-tailwind-foundations/**/*.stories.js","../src/**/*.mdx","../src/**/*.stories.@(js|jsx|ts|tsx)"],addons: ["@storybook/addon-essentials","@storybook/addon-interactions","@storybook/addon-mdx-gfm"],docs: {autodocs: 'tag',defaultName: "Documentation",},viteFinal: async(config: any)=>{config.css={preprocessorOptions: {scss: {additionalData: "@import \"@/style/mixin.scss\";",},},};config.plugins.push(eslint({exclude: ["/virtual:/**","node_modules/**"],}),VueTypeImports());config.resolve.alias={
...config.resolve.alias,"~": path.resolve(__dirname,"../"),"@": path.resolve(__dirname,"../src"),};returnconfig;}};exportdefaultconfig
preview.js:
import{darkTheme,NConfigProvider,NMessageProvider}from"naive-ui";import{setup}from"@storybook/vue3";import{createPinia}from"pinia";importthemeOverridesfrom"@/constants/Naive-ui-theme-overrides";import"../src/style/style.scss";import{h}from"vue";import{clickOutside}from"@/directives/clickOutside";import{scrollToBottom}from"@/directives/scrollToBottom";import{can}from"@/directives/can";import{createSocketPlugin}from'@/plugins/socketPlugin'import{provideSocket}from'@/hooks/useSocket'import{useSocketMock}from'./__mocks__/useSocket'import{socketFunctions}from'@/hooks/useSocket'import{vueRouter}from"storybook-vue3-router";importmockRoutesfrom"@/stories/mockRoutes";import{createWebHistory}from"vue-router";Object.assign(socketFunctions,{useSocket: useSocketMock,});setup((app)=>{// make sure naive-ui is loaded after tailwind [https://www.naiveui.com/en-US/dark/docs/style-conflict] but before appconstmeta=document.createElement("meta");meta.name="naive-ui-style";document.head.appendChild(meta);constpinia=createPinia();app.use(pinia);app.use(createSocketPlugin())provideSocket(app)app.directive("click-outside",clickOutside);app.directive("scroll-to-bottom",scrollToBottom);app.directive("can",can);});exportconstparameters={backgrounds: {default: "gray-800",values: [{name: "gray-800",value: "#323249",},{name: "gray-1000",value: "#26263B",}],},actions: {argTypesRegex: "^on[A-Z].*"},controls: {expanded: true,sort: 'requiredFirst',matchers: {color: /(background|color)$/i,date: /Date$/,},},decorators: [(story,context)=>{provideSocket(context);// Provide the necessary servicereturnstory();},]};/** * apply naive-ui theme + theme overrides to all stories */exportconstdecorators=[vueRouter(mockRoutes,{vueRouterOptions: {linkActiveClass: 'activeLink',routes: mockRoutes,history: createWebHistory(import.meta.env.BASE_URL),},}),()=>({template:
`<div class="font-sans"><story/></div>`}),(story)=>h(NMessageProvider,{},()=>h(story())),(story)=>h(NConfigProvider,{theme: darkTheme,themeOverrides: themeOverrides},()=>h(story()))];
To Reproduce
Unfortunately, I don't know how to reproduce this issue. I'm sure a new, small project from scratch will work, but I guess something in the process of migrating between different version broke the feature.versions
Describe the bug
When I change the controls, nothing happens.
This issue started after migration from v6 to v7.
Now I'm on the latest v8, all my dependencies are up-to-date, and this issue remains.
Screen.Recording.2024-04-18.at.15.20.57.mov
sharing my config and preview settings:
main.ts
preview.js
:To Reproduce
Unfortunately, I don't know how to reproduce this issue. I'm sure a new, small project from scratch will work, but I guess something in the process of migrating between different version broke the feature.versions
System
Additional context
addon-essentials
node_modules
andyard.lock
and install againThe text was updated successfully, but these errors were encountered: