❤
npm
Sign UpSign In

vue-gaspard

2.0.0 • Public • Published

Vue-gaspard

DOM helpers plugin for Vue.js

npm version vue-gaspard size

Getting started

Installing

npm yarn bower unpkg
npm install vue-gaspard yarn add vue-gaspard bower install vue-gaspard vue-gaspard.umd.js

Usage

In main.js:

import Vue from 'vue'
import VueGaspard from 'vue-gaspard'
 
Vue.use(VueGaspard)

In any of your components:

import Vue from 'vue'
 
export default {
  mounted () {
    // Use gaspard global
    Vue.$gaspard.addClass(document.documentElement, 'container')
    // Or on this component instance
    this.$g.css('border', '1px dashed #eb592d')
  }
}

Or use gaspard within a <script>

<div id="app">Hello world !</div>
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/gaspard"></script>
<script src="https://unpkg.com/vue-gaspard"></script>
<script>
  var app = new Vue({
    el: '#app',
    mounted () {
      this.$g.css('background-color', 'red')
    }
  })
</script> 

Options

You can optionally pass in some options:

Name Type Default Description
globalNamespace String $gaspard Global access name
instanceNamespace String $g Instance access name

Override defaults example:

Vue.use(VueGaspard, {
  globalNamespace: '$dom',
  instanceNamespace: '$dom'
})

API

gaspard's documentation

Contribute

# Install dependencies 
cd vue-gaspard
npm install
 
# Build main library 
npm run build
 
# Run demo 
npm run dev

Licensing

MIT License Copyright (c) 2017 Luca Perret

Readme

Keywords

Package Sidebar

Install

npm i vue-gaspard

Repository

github.com/lucaperret/vue-gaspard

Homepage

github.com/lucaperret/vue-gaspard

Weekly Downloads

5

Version

2.0.0

License

MIT

Last publish

Collaborators

  • lucanova
Try on RunKit
Report malware