parasails

Lightweight structures for apps with more than one page. Built on top of Vue.js.

While it can be used with any module system, this library does not rely on Webpack, Babel, Gulp, Grunt, Brunch, or any other build system or transpiler. It is 2.96KB minified and gzipped (or 27KB uncompressed).

Usage

Out of the box, parasails supports:

• pages
• components
• utilities
• constants

As well as a few optional integrations:

• Vue Router (for client-side routing / "virtual pages")
• jQuery (for this.$get(), this.$find(), and this.$focus())

<div id="homepage" v-cloak>
  <h1>{{welcomeMessage}}</h1>
  <button autofocus @click="clickButton()">Click me</button>
</div>

parasails.registerPage('homepage', {
  data: {
    welcomeMessage: ''
  },
  beforeMount: function(){
    this.welcomeMessage = 'Hello world!';
  },
  mounted: function(){
    this.$focus('[autofocus]');
  },
  methods: {
    clickButton: function(){
      this.welcomeMessage = 'Ow that hurt!';
    }
  }
});

Jumping off

Have questions? Need advice? Want to contribute? Come by and say hello!

Parasails is developed by Mike McNeil, with help from other Sails.js core team members in Austin, TX. If you're working on a commercial project and are interested in ways we can work together, drop us a line.

License

Copyright © 2017-present Mike McNeil