Github repo for Vue section of Meteor guide?

VueJS
1

Hi,

Is the Vue section of the Meteor guide still usable to start learning to use Vue with Meteor? If it is does does anyone know if there is a Github repo with the source code for it?

It seems a simpler first step to follow than the Vue Tutorial. Concerning the latter could someone please confirm that the github repo for it is: vue-tutorial/src/simple-todos at master · meteor/vue-tutorial · GitHub?
Also is this tutorial working with the latest version of Meteor or does following it requires installing an older version of Meteor and if it does which one?

As for the integration with vue3, I suppose that it is still very much incipient work in progress and thus not yet usable in practice. Is that indeed the case? I also assume that the scaffolding command meteor create --vue does not work with the package vuejs:vue3. Am I right.

Thank you very much in advance for any answer to those questions.

2

Hi @jrobin, Yes it is this one GitHub - meteor/vue-tutorial for the Tutorial.

Also is this tutorial working with the latest version of Meteor or does following it requires installing an older version of Meteor and if it does which one?

Not sure if it’s working with the latest version of Meteor, we have plans to update the tutorial to be compatible with the latest version. As far as I know, it should work.

As for the integration with vue3, I suppose that it is still very much incipient work in progress and thus not yet usable in practice. Is that indeed the case? I also assume that the scaffolding command meteor create --vue does not work with the package vuejs:vue3. Am I right.

The command meteor create --vue works with vue2. I know that it has a work-in-progress for supporting vue3 and some things work but not all of it.

3

Thanks for the quick reply.
But how about the repository for the Vue section of the Meteor guide ? Is it available anywhere?

4

The Meteor guide repo should be here: GitHub - meteor/guide: Articles about Meteor best practices

And more specifically, you’ll find the vue page under /content/vue.md there.

There’s also a link in the bottom of the guide “Edit on github”, but that appears broken. So a good candidate for a quick PR!

I’m a very happy long time user of Meteor + Vue myself. In general, for Vue 2, to get up and going, you’ll need to add only 2 packages to your project:

  1. akryum:vue-component (atmosphere package)
  2. vue-meteor-tracker (npm package)

You can get more details on those packages here: GitHub - meteor-vue/vue-meteor: 🌠 Vue first-class integration in Meteor

And that’s about it. Look over the vue-meteor-tracker package github page to see examples on how to use subscriptions and fracker in general in Vue. That alone will get you 90% there.

For vue 3, I’m not sure how polished the vue 3 integration right now is. Akryum has been working on it and it should work, but not sure about the specifics. I think for Vue 3 you’d currently need to use only the new composition API, the old Object API is in the works. My own projects are still on version 2.

1 Like
5

Thanks very much for the quick reply and helpful clarification.
Following the link you provided:

I was redirected to: meteor/vue.md at devel · meteor/meteor · GitHub
However this is the md source code of the guide vue section’s text.
What I am looking for is the Vue-Meteor-JS source code of the resulting example app being built by following the guide (sorry for not having been clear).

6

For the Simple-todos (https://vue-tutorial.meteor.com/)
Here is the source code: vue-tutorial/src/simple-todos at master · meteor/vue-tutorial · GitHub

For the other one, I think the repo was archived :confused: