Repository: storybook
Issue: [Bug]: Storybook 7, cannot serve static build files, getting error xe.extend is not a function on Vue
Labels: bug,needs triage

### Describe the bug

_**Some Info**_ 

```
pnpm: 7.11.0
```


```
node v16.19.0
```

```
  "vue": "^2.7.14",
  "vite": ^4.0.3,
  "storybook": "7.0.0-beta.19",
  "node-sass": "^6.0.0",
```


`main.js`

```
const { mergeConfig } = require('vite');
module.exports = {
  core: {
    builder: '@storybook/builder-vite',
    disableTelemetry: true
  },
  framework: '@storybook/vue-vite',
  docs: {
    autodocs: true
  },
  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
  staticDirs: ['../public', '../src/assets'],
  addons: ['@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-interactions'],
  features: {
    interactionsDebugger: true, // 👈 Enable playback controls
    previewCsfV3: false
  },
  async viteFinal(config, { configType }) {
    if (configType === 'PRODUCTION') {
    return mergeConfig(config, {
        build: {
          sourcemap: false,
          commonjsOptions: { requireReturnsDefault: false },
        }
      });
    }
    return config;
  }
};
```

Trying to use Storybook 7 with my vue 2.7 app using vite.

doing `storybook dev` works fine.

when I run `storybook build`, the build is successful and I see all the files created.

when I try to serve it with npx by doing `npx http-server {path/to/build}`, I see this error.

<img width="1514" alt="Screen Shot 2023-01-03 at 6 54 42 PM" src="https://user-images.githubusercontent.com/37899422/210460639-04d4b791-3550-408b-be28-19d27a27660e.png">


### To Reproduce

_No response_

### System

```shell
Environment Info:

  System:
    OS: macOS 12.5
    CPU: (10) x64 Apple M1 Pro
  Binaries:
    Node: 16.19.0 - ~/.nvm/versions/node/v16.19.0/bin/node
    Yarn: 1.22.19 - ~/.nvm/versions/node/v12.22.12/bin/yarn
    npm: 8.19.3 - ~/.nvm/versions/node/v16.19.0/bin/npm
  Browsers:
    Chrome: 108.0.5359.124
    Firefox: 108.0.1
    Safari: 15.6
  npmPackages:
    @storybook/addon-actions: ^7.0.0-beta.19 => 7.0.0-beta.19 
    @storybook/addon-backgrounds: ^7.0.0-beta.19 => 7.0.0-beta.19 
    @storybook/addon-docs: ^7.0.0-beta.19 => 7.0.0-beta.19 
    @storybook/addon-essentials: ^7.0.0-beta.19 => 7.0.0-beta.19 
    @storybook/addon-interactions: ^7.0.0-beta.19 => 7.0.0-beta.19 
    @storybook/addon-links: ^7.0.0-beta.19 => 7.0.0-beta.19 
    @storybook/addon-measure: ^7.0.0-beta.19 => 7.0.0-beta.19 
    @storybook/addon-outline: ^7.0.0-beta.19 => 7.0.0-beta.19 
    @storybook/addon-postcss: ^2.0.0 => 2.0.0 
    @storybook/addons: ^7.0.0-beta.19 => 7.0.0-beta.19 
    @storybook/builder-vite: ^7.0.0-beta.19 => 7.0.0-beta.19 
    @storybook/channel-postmessage: ^7.0.0-beta.19 => 7.0.0-beta.19 
    @storybook/channel-websocket: ^7.0.0-beta.19 => 7.0.0-beta.19 
    @storybook/client-api: 7.0.0-beta.19 => 7.0.0-beta.19 
    @storybook/jest: 0.0.11-next.0 => 0.0.11-next.0 
    @storybook/preview-web: 7.0.0-beta.19 => 7.0.0-beta.19 
    @storybook/test-runner: ^0.10.0-next.4 => 0.10.0-next.4 
    @storybook/testing-library: 0.0.14-next.1 => 0.0.14-next.1 
    @storybook/vue: ^7.0.0-beta.19 => 7.0.0-beta.19 
    @storybook/vue-vite: 7.0.0-beta.19 => 7.0.0-beta.19
```


### Additional context

_No response_