feat(runtime-utils): allow mountSuspended to work with use css modules component

Author: yamachi4416

examples/app-vitest-full/components/ComponentWithCssVar.vue

@@ -0,0 +1,23 @@
+<template>
+  <div>
+    Css Module
+    <span
+      id="s1"
+      :class="$style.class1"
+    />
+    <span
+      id="s2"
+      :class="$style.class1"
+    />
+    <span id="s3" />
+  </div>
+</template>
+
+<style module>
+.class1 {
+  color: red;
+}
+.class2 {
+  color: blue;
+}
+</style>

examples/app-vitest-full/tests/nuxt/mount-suspended.spec.ts

@@ -25,6 +25,7 @@ import ComponentWithAttrs from '~/components/ComponentWithAttrs.vue'
 import ComponentWithReservedProp from '~/components/ComponentWithReservedProp.vue'
 import ComponentWithReservedState from '~/components/ComponentWithReservedState.vue'
 import ComponentWithImports from '~/components/ComponentWithImports.vue'
+import ComponentWithCssVar from '~/components/ComponentWithCssVar.vue'
 import GenericStateComponent from '~/components/GenericStateComponent.vue'
 
 import { BoundAttrs } from '#components'
@@ -537,4 +538,12 @@ describe('watcher cleanup validation', () => {
 
     expect(watcherCallCount).toBe(1)
   })
+
+  it('mounts with use css modules component', async () => {
+    const component = await mountSuspended(ComponentWithCssVar)
+    expect(component.text()).toBe('Css Module')
+    expect(component.find('#s1').classes()).toHaveLength(1)
+    expect(component.find('#s2').classes()).toHaveLength(1)
+    expect(component.find('#s3').classes()).toHaveLength(0)
+  })
 })

src/runtime-utils/mount.ts

@@ -66,7 +66,7 @@ export async function mountSuspended<T>(
   const vueApp = tryUseNuxtApp()?.vueApp
     // @ts-expect-error untyped global __unctx__
     || globalThis.__unctx__.get('nuxt-app').tryUse().vueApp
-  const { render, setup, data, computed, methods } = component as DefineComponent<Record<string, unknown>, Record<string, unknown>>
+  const { render, setup, data, computed, methods, ...componentRest } = component as DefineComponent<Record<string, unknown>, Record<string, unknown>>
 
   let setupContext: SetupContext
   let setupState: Record<string, unknown>
@@ -144,6 +144,7 @@ export async function mountSuspended<T>(
     (resolve) => {
       const vm = mount(
         {
+          __cssModules: componentRest.__cssModules,
           setup: (props: Record<string, unknown>, ctx: SetupContext) => {
             setupContext = ctx