fix: storybook-vue/nuxt compat

Author: cylewaitforit

.storybook/main.ts

@@ -11,6 +11,83 @@ const config = {
   async viteFinal(newConfig) {
     newConfig.plugins ??= []
 
+    // Bridge compatibility between Storybook v10 core and v9 @storybook-vue/nuxt
+    // v10 expects module federation globals that v9 doesn't provide
+    newConfig.plugins.push({
+      name: 'storybook-v10-compat',
+      transformIndexHtml: {
+        order: 'pre',
+        handler(html) {
+          const script = `
+<script>
+  // Minimal shims for Storybook v10 module federation system
+  // These will be replaced by actual modules when Storybook runtime loads
+  const noop = function() {};
+  const noopLogger = { warn: noop, error: noop, info: noop, log: noop, debug: noop, trace: noop };
+  
+  window.__STORYBOOK_MODULE_GLOBAL__ = { global: window };
+  window.__STORYBOOK_MODULE_CLIENT_LOGGER__ = { 
+    deprecate: noop,
+    once: noop,
+    logger: noopLogger 
+  };
+  window.__STORYBOOK_MODULE_CORE_EVENTS__ = {
+    DOCS_PREPARED: 'docsPrepared',
+    SET_STORIES: 'setStories',
+    SHARED_STATE_CHANGED: 'sharedStateChanged',
+    SHARED_STATE_SET: 'sharedStateSet',
+    STORY_CHANGED: 'storyChanged',
+    STORY_PREPARED: 'storyPrepared',
+    SET_CONFIG: 'setConfig',
+    GLOBALS_UPDATED: 'globalsUpdated',
+    SET_GLOBALS: 'setGlobals',
+    UPDATE_GLOBALS: 'updateGlobals'
+  };
+  window.__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__ = {};
+  window.__STORYBOOK_MODULE_CHANNELS__ = {
+    Channel: class Channel {
+      on() {}
+      off() {}
+      emit() {}
+      once() {}
+    },
+    createBrowserChannel: function() {
+      return new window.__STORYBOOK_MODULE_CHANNELS__.Channel();
+    }
+  };
+  window.__STORYBOOK_MODULE_PREVIEW_API__ = { 
+    addons: { getChannel: noop },
+    useEffect: noop 
+  };
+  window.__STORYBOOK_MODULE_TYPES__ = {
+    Addon_TypesEnum: { PANEL: 'panel', TAB: 'tab', TOOL: 'tool', PREVIEW: 'preview' }
+  };
+  window.__STORYBOOK_MODULE_TEST__ = {
+    onMockCall: noop,
+    clearAllMocks: noop,
+    fn: (impl) => impl || noop,
+    isMockFunction: () => false,
+    resetAllMocks: noop,
+    restoreAllMocks: noop,
+    uninstrumentedUserEvent: {},
+    within: (canvas) => canvas,
+    expect: (val) => ({
+      toBe: noop,
+      toEqual: noop,
+      toBeTruthy: noop,
+      toBeFalsy: noop,
+      toHaveBeenCalled: noop,
+      toHaveBeenCalledWith: noop
+    })
+  };
+  window.__STORYBOOK_MODULE_ACTIONS__ = {};
+  window.__STORYBOOK_MODULE_MOCK_SPIES__ = {};
+</script>`
+          return html.replace(/<script>/, script + '<script>')
+        },
+      },
+    })
+
     newConfig.plugins.push({
       name: 'ignore-internals',
       transform(_, id) {