fix(runtime-utils): pass global directives to mountSuspended (#960)

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

@@ -0,0 +1,3 @@
+<template>
+  <div v-sample-directive />
+</template>

examples/app-vitest-full/plugins/directive.ts

@@ -0,0 +1,7 @@
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.directive('sample-directive', {
+    created(el: Element) {
+      el.setAttribute('data-directive', 'true')
+    },
+  })
+})

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

@@ -15,6 +15,7 @@ import ExportDefaultWithRenderComponent from '~/components/ExportDefaultWithRend
 import ExportDefaultReturnsRenderComponent from '~/components/ExportDefaultReturnsRenderComponent.vue'
 
 import { BoundAttrs } from '#components'
+import DirectiveComponent from '~/components/DirectiveComponent.vue'
 
 const formats = {
   ExportDefaultComponent,
@@ -117,6 +118,11 @@ describe('mountSuspended', () => {
     // @ts-expect-error FIXME: someRef is typed as unwrapped
     expect(component.vm.someRef.value).toBe('thing')
   })
+
+  it('respects directives registered in nuxt plugins', async () => {
+    const component = await mountSuspended(DirectiveComponent)
+    expect(component.html()).toMatchInlineSnapshot(`"<div data-directive="true"></div>"`)
+  })
 })
 
 describe.each(Object.entries(formats))(`%s`, (name, component) => {

src/runtime-utils/mount.ts

@@ -145,6 +145,7 @@ export async function mountSuspended<T>(
               config: {
                 globalProperties: vueApp.config.globalProperties,
               },
+              directives: vueApp._context.directives,
               provide: vueApp._context.provides,
               stubs: {
                 Suspense: false,