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

[joel-wenzel]

🔗 Linked issue

resolves #959

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• [ x] 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Custom vue directives, typically added through a nuxt plugin, are not available in the testing environment.

For example the following plugin defines a custom uppercase directive:

export default defineNuxtPlugin(({ vueApp }) => {
  vueApp.directive('uppercase', {
    mounted: (el, binding, node) => {
      // ...impl code
    },
  })
})

However when running tests the below warning can be observed:

[Vue warn]: Failed to resolve directive: uppercase
  at <MountSuspendedComponent >
  at <MountSuspendedHelper>
  at <Anonymous ref="VTU_COMPONENT" >
  at <VTUROOT>
[Vue warn]: Failed to resolve directive: uppercase 
  at <MountSuspendedComponent > 
  at <MountSuspendedHelper> 
  at <Anonymous ref="VTU_COMPONENT" > 
  at <VTUROOT>

[danielroe]

thank you 🙏

[danielroe]

would it be possible to add a test?

[joel-wenzel]

would it be possible to add a test?

@danielroe sorry - I looked at adding a test the other day and was running into some issues trying to import mountSuspended

[danielroe]

no worries at all!