feat: add configure helper for render and VTU config

Provide a single configure({ render, vtu }) entry point while keeping VTU `config` and render configuration namespaced.

Author: ReCoN-96

src/index.ts

@@ -2,7 +2,7 @@ import { page } from 'vitest/browser'
 import { beforeEach } from 'vitest'
 import { cleanup, render } from './pure'
 
-export { render, cleanup, config, configureRender } from './pure'
+export { render, cleanup, config, configure, configureRender } from './pure'
 export type { ComponentRenderOptions, RenderConfiguration, RenderResult, WrapperComponent } from './pure'
 
 page.extend({

src/pure.ts

@@ -1,6 +1,6 @@
 import type { Locator, LocatorSelectors, PrettyDOMOptions } from 'vitest/browser'
 import { page, server, utils } from 'vitest/browser'
-import { type ComponentMountingOptions, type VueWrapper, mount } from '@vue/test-utils'
+import { type ComponentMountingOptions, type VueWrapper, mount, config as vtuConfig } from '@vue/test-utils'
 import { type Component, type DefineComponent, defineComponent, h, nextTick, reactive } from 'vue'
 
 export { config } from '@vue/test-utils'
@@ -15,6 +15,35 @@ export interface RenderConfiguration {
 
 const renderConfig: RenderConfiguration = {}
 
+export interface ConfigureOptions {
+  /**
+   * Configure vitest-browser-vue render behavior globally.
+   * This is equivalent to calling {@link configureRender}.
+   */
+  render?: Partial<RenderConfiguration>
+  /**
+   * Configure Vue Test Utils global config (`config.global`).
+   *
+   * This is a shallow merge into `@vue/test-utils` config.
+   */
+  vtu?: Partial<(typeof vtuConfig)['global']>
+}
+
+/**
+ * Configure test utilities in one call.
+ *
+ * - `render`: vitest-browser-vue render configuration (e.g. global wrapper)
+ * - `vtu`: Vue Test Utils global config (`config.global`)
+ */
+export function configure(options: ConfigureOptions): void {
+  if (options.render) {
+    configureRender(options.render)
+  }
+  if (options.vtu) {
+    Object.assign(vtuConfig.global, options.vtu)
+  }
+}
+
 /**
  * Configure vitest-browser-vue options globally.
  *

test/render-wrapper.test.ts

@@ -1,5 +1,5 @@
 import { afterEach, expect, test } from 'vitest'
-import { configureRender, render } from 'vitest-browser-vue'
+import { configure, configureRender, render } from 'vitest-browser-vue'
 import Emitter from './fixtures/Emitter.vue'
 import InnerProvider from './fixtures/InnerProvider.vue'
 import Label from './fixtures/Label.vue'
@@ -64,6 +64,19 @@ test('uses wrapper configured globally', async () => {
   expect(screen.container.querySelector('[data-provider="true"]')).not.toBeNull()
 })
 
+test('configure({ render: { wrapper } }) configures global wrapper', async () => {
+  configure({ render: { wrapper: Provider } })
+
+  const screen = await render(Label, {
+    props: {
+      label: 'Configured wrapper',
+    },
+  })
+
+  await expect.element(screen.getByText('Configured wrapper')).toBeVisible()
+  expect(screen.container.querySelector('[data-provider="true"]')).not.toBeNull()
+})
+
 test('per-render wrapper overrides global wrapper', async () => {
   configureRender({ wrapper: OuterProvider })