Skip to content

Vue first-class integration in Meteor

Notifications You must be signed in to change notification settings

mrMasly/vue-meteor

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation


This project is currently in beta.

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.

Examples Links

For more detailed documentations, see the usage section below.

Recommended Packages Links

Usage

Recommended: New project with Vue 2.x and without Blaze vue

Create a new project without blaze, using Vue 2.x:

See the simple example project.

New project with Vue 1.x and without blaze vue

Create a new project without blaze, using Vue 1.x:

See the simple example project.

New project with blaze vue

See the blaze example project.

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 1.x and Meteor using vue-router.

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

Example app

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

Localization vue

Translate your app quickly and easily with vue-i18n.

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

πŸ“¦ Premade selection ui in akryum:vue-i18n-ui package

Example app

State management with vuex vue

Manage the state of your app with a centralized data store with vuex.

πŸ“¦ See Installation & Usage in akryum:vuex

Example app

Embed Blaze template vue vue

Use Blaze templates inside your vue components.

πŸ“¦ See Installation & Usage in akryum:vue-blaze-template

Example app


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
  • Server-side rendering (Vue 2.x)
  • src attribute support in .vue files

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 type in the project directory:

meteor npm install
meteor

LICENCE ISC - Created by Guillaume CHAU (@Akryum)

About

Vue first-class integration in Meteor

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 83.3%
  • Vue 16.5%
  • Other 0.2%