akryum:vue-jade

Add jade support for vue components


Keywords
apollo, blaze, meteor, meteor-package, ssr, vue, vue-components, vue-router, vuejs, vuejs2, vuex
Install
meteor add akryum:vue-jade@=0.0.1

Documentation

Vue as a Meteor UI layer

meteor vue1 vue2

This project is in beta.

This project contains new meteor packages to help build meteor apps with first-class vuejs integration as the ui layer.

Examples

Features

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
  • Typescript official integration in .vue files
  • Server-side rendering (Vue 2.x)

Track the project progress here.

Usage

New project without blaze

See the simple example project.

New project with blaze

See the blaze example project.

Development project

Clone this repository and type in the project directory:

meteor npm install
meteor

Meteor & Tracker data integration vue vue

Declarative subscriptions and meteor reactive data

See Usage in akryum:vue 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

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).


LICENCE ISC - Created by Guillaume CHAU (@Akryum)