Need help with vue-meteor?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

meteor-vue
893 Stars 104 Forks 517 Commits 105 Opened issues

Description

🌠 Vue first-class integration in Meteor

Services available

!
?

Need anything else?

Contributors list

Become a Patreon

Sponsors

sponsors logos




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

:package: 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.

:package: See Usage in arkyum:vue-component package


Routing vue

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

:package: See Installation & Usage in arkyum:vue-router2 package

Example app


Apollo integration vue vue

Use apollo in your vue component!

:package: See Installation & Usage in the vue-apollo npm package


Server-side rendering vue

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

:package: See Installation & Usage in the akryum:vue-ssr package


Integrate Blaze vue

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

:package: 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:

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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.