How to get Vue Vapor Mode working with Roots/Bud-Vue in Sage 10x

bud
1

I am working on a site running on Sage 10x. I wanted to see if I could get Vue 3.6.0-alpha.1 up and running to take advantage of Vue Vapor mode.

I got the vapor compiler running by adding this in my bud config:

const vaporCompiler = (await import('@vue/compiler-vapor/dist/compiler-vapor.cjs.js')).default

  app.build.items.vue.setOptions(options => ({
      ...options,
      compiler: vaporCompiler
    }
  ))

However, this forces all my components to use the vapor compiler, and I have a few in my project that need the traditional sfc compiler.

Any ideas on how to get the compiler to discern between the two types of components?