vue+meteor is a set of packages to help you create awesome apps quickly and efficiently with two great web technologies:
You will be able to use meteor data inside Vue or write .vue
files in your meteor project.
Here is a list of recommended packages for developping a meteor+vue app:
- 📦
vue-meteor-tracker
(meteor tracker integration) - 📦
akryum:vue-component
(vue component files) - 📦
akryum:vue-router2
(vue-router
2.x helpers) - 📦
vue-apollo
(apollo integration) - 📦
vuejs:blaze-integration
(integrate Vue and Blaze) - 📦
vue-supply
(use reactive data & automatic subscriptions in components and vuex store) - 📦
akryum:vue-ssr
(Server-Side Rendering)
Declarative subscriptions and meteor reactive data
📦 See Usage in npm vue-meteor-tracker package
It allows you to write your components in this format with hot-reloading support.
📦 See Usage in arkyum:vue-component package
Routing for Vue 2.x and Meteor using vue-router.
📦 See Installation & Usage in arkyum:vue-router2 package
Use apollo in your vue component!
📦 See Installation & Usage in the vue-apollo npm package
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
Render Blaze templates in Vue components and the other way around!
📦 See Installation & Usage in the vuejs:blaze-integration package
See old
branch.
Currently supported and possible future features (in no particular order) are:
- Declarative subscriptions and meteor reactive data
- Single-file components (.vue) with basic support of
<template>
,<script>
and<style>
(with optionalscoped
attribute) - Instant Hot-reloading of components
-
lang
attribute on<style>
in .vue files - Less official integration in .vue files
- Sass official integration in .vue files
- Stylus official integration in .vue files
-
lang
attribute on<template>
in .vue files - Jade official integration in .vue file
-
lang
attribute on<script>
in .vue files - Coffeescript official integration in .vue files
- Apollo client integration
- Easy routing with vue-router out-of-the-box integration & fast-render
- Easy localization with vue-i18n out-of-the-box integration, auto-detection, server-side injection and key-in-hand ui
- Easy state management with vuex integration
- Use Blaze templates in your vue app
-
module
attribute on<style>
in .vue files - Typescript support in .vue files
- Server-side rendering
-
src
attribute support in.vue
files - Apollo Server-side rendering
- Meteor 1.5 code-splitting
Track the project progress here.
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).
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)