🌠 Vue first-class integration in Meteor
Clone or download
Latest commit adf9dc1 Oct 18, 2018

README.md

Become a Patreon

Sponsors

Silver

VueSchool logo




vue+meteor is a set of packages to help you create awesome apps quickly and efficiently with two great web technologies:

  • vuejs is the frontend
  • meteor is the platform (client, server, database, network)

You will be able to use meteor data inside Vue or write .vue files in your meteor project.

Complete Example/Demo Project

Quick Packages Links

Here is a list of recommended packages for developping a meteor+vue app:

Resources

Examples


Meteor & Tracker data integration vue vue

Declarative subscriptions and meteor reactive data

πŸ“¦ See Usage in npm vue-meteor-tracker package


Single-file component vue vue

It allows you to write your components in this format with hot-reloading support.

πŸ“¦ See Usage in arkyum:vue-component package


Routing vue

Routing for Vue 2.x and Meteor using vue-router.

πŸ“¦ See Installation & Usage in arkyum:vue-router2 package

Example app


Apollo integration vue vue

Use apollo in your vue component!

πŸ“¦ See Installation & Usage in the vue-apollo npm package


Server-side rendering vue

Very easy way to render your fonrtend on the server automatically when a user first loads the app.

πŸ“¦ See Installation & Usage in the akryum:vue-ssr package


Integrate Blaze vue

Render Blaze templates in Vue components and the other way around!

πŸ“¦ See Installation & Usage in the vuejs:blaze-integration package


Vue 1.x

See old branch.


Features & Roadmap

Currently supported and possible future features (in no particular order) are:

  • Declarative subscriptions and meteor reactive data vue vue
  • Single-file components (.vue) with basic support of <template>, <script> and <style> (with optional scoped attribute) vue vue
  • Instant Hot-reloading of components vue vue
  • lang attribute on <style> in .vue files vue vue
  • Less official integration in .vue files vue vue
  • Sass official integration in .vue files vue vue
  • Stylus official integration in .vue files vue vue
  • lang attribute on <template> in .vue files vue vue
  • Jade official integration in .vue file vue vue
  • lang attribute on <script> in .vue files vue vue
  • Coffeescript official integration in .vue files vue vue
  • Apollo client integration vue vue
  • Easy routing with vue-router out-of-the-box integration & fast-render vue vue
  • Easy localization with vue-i18n out-of-the-box integration, auto-detection, server-side injection and key-in-hand ui vue
  • Easy state management with vuex integration vue
  • Use Blaze templates in your vue app vue vue
  • module attribute on <style> in .vue files
  • Typescript support in .vue files vue vue
  • Server-side rendering vue
  • src attribute support in .vue files vue vue
  • Apollo Server-side rendering vue
  • Meteor 1.5 code-splitting vue

Track the project progress here.

Get involved

This project is very much a work-in-progress, so your help will be greatly appreciated! Feel free to contribute by opening a PR or an issue (but check before if the topic already exists).

Development project

Clone this repository and the demo project and type in the demo project directory:

ln -s ../vue-meteor/packages packages
meteor npm install
meteor

LICENCE ISC - Created by Guillaume CHAU (@Akryum)