How to integrate Vue3 in a Blaze app

help
1

Hi !
We have a rather large Meteor app, and we want to progressively migrate from Blaze to Vue. We were on an old Meteor version, but migrated to latest 2.x, the goal is to go to the latest 3.x but this requires moving many call chains to async which will take time.

I’ve found many resources on Vue3-only Meteor apps, or Blaze + Vue2, but nothing on Blaze + Vue3. Did I miss something, or is the best way forward to look at vue-meteor and in particular akryum:vue-component, and fork/patch the code to make it work with vue3 ?
From what I understand there are two main points to tackle:

  • handle .vue files in meteor build (including hot reload), using a plugin I think.
  • bridge between a blaze component and a vue component. We only need vue in blaze, not blaze in vue. This can be done by creating a vue app in the blaze component’s rendered handler I guess.

Starting a new app from scratch with vue is not realistic for us due to the size of the app, and migrating to Vue2 makes little sense as it is unmaintained (as well as associated meteor plugins as far as I can tell).

Any ideas / pointers appreciated, thanks.

1 Like
2

I am also looking for this. A previous post about it :Migrating from Blaze to Vue 3, with Meteor 3 - #3 by ceigey

3

Hi,

Take a look at Blaze Support? · Issue #151 · JorgenVatle/meteor-vite · GitHub

I think it could help

4

Yeah thanks, I’ve looked at this, from what I understand, the post is about bridging meteor’s reactivity (reactive vars, subscriptions, etc.) with vue, which is a step beyond where I’m at. For now I’m just trying to display a blaze component and a vue component on the same page, possibly with no cross-framework data-binding for now.

This seems interesting, it’s really a shame there is no code posted here though, and not too much technical details… Makes reproducing pretty hard, but still it’s a good lead