Allow webpack/vite config to be async function

[lmiller1990]

What would you like?

Right now you can pass a webpack/vite config to component.devServer:

defineConfig({
  component: {
    devServer: {
      viteConfig: require('./vite.config.js')
    }
  }
})

It would help third parties integrate with Cypress if this could be an async function that receives the base Vite config as the first arg:

defineConfig({
  component: {
    devServer: {
      viteConfig: async (baseConfig) => {
        const newConfig = await something()
        return {...baseConfig, ...newConfig}
      })
    }
  }
})

Context: #22390 (comment)

Why is this needed?

It will help tools that want to ship pre-configured Cypress for Component Testing. Example: Quasar framework. Context: #22390 (comment)

Other

No response

[lmiller1990]

Working on it... #23605