blue-prod-para

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!

License

Copyright © 2019-present Vu Do