Vue-gaspard

DOM helpers plugin for Vue.js using gaspard

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 (e.g. examples):

import Vue from 'vue'

export default {
  mounted () {
    // Use gaspard global
    Vue.$gaspard.addClass(document.documentElement, 'container')
    // On his component instance
    this.$g.css('border', '1px dashed #eb592d')
    // On a referenced child element
    this.$g
      .find(this.$refs.childElement)
      .attr('title', 'gaspard !')
    // On a referenced child component
    this.$refs.childComponent.$g.css('border', '1px dotted #eb592d')
  }
}

Or use gaspard within a ">

<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

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

Vue.js Plugin to facilitate Backbone integration

vue-backbone Vue.js Plugin to facilitate gradual migration from Backbone. Backbone Collections and Models can be safely integrated with Vue instances

44 Dec 21, 2022

Vue plugin for advanced click directive

26 Dec 27, 2022

A vue code diff display plugin, support Vue2 / Vue3

A code diff display plugin, available for Vue2 / Vue3. It is the vue3 version of vue-code-diff, refer to a lot of code, thanks here.

136 Jan 5, 2023

Simple string format plugin for vue-formly

1 Apr 28, 2022

Vue.js plugin for generating ICalendar (.ics) files.

vue-ics Vue.js plugin for generating ICalendar (.ics) files. Installation NPM npm install vue-ics --save Vue import Vue from 'vue' import ICS from 'v

15 Aug 18, 2022

A simple Vue 3 plugin for handling browser cookies with typescript support

A vue 3 plugin for handling browser cookies with typescript support. Load and save cookies within your Vue 3 application

44 Nov 23, 2022

Feather icons plugin for Vue.js, SSR supported.

4 Dec 7, 2021

Async data loading plugin for Vue.js

420 Nov 24, 2022

A simple Vue.js 3 plugin for handling browser cookies

vue3-cookies A simple Vue.js 3 plugin for handling browser cookies, forked from https://github.com/cmp-cc/vue-cookies Installation Package Managers np

14 Dec 18, 2022

Comments

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because we are using your CI build statuses to figure out when to notify you about breaking changes.

Since we did not receive a CI status on the greenkeeper/initial branch, we assume that you still need to configure it.

If you have already set up a CI for this repository, you might need to check your configuration. Make sure it will run on all new branches. If you don’t want it to run on every branch, you can whitelist branches starting with greenkeeper/.

We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

Once you have installed CI on this repository, you’ll need to re-trigger Greenkeeper’s initial Pull Request. To do this, please delete the greenkeeper/initial branch in this repository, and then remove and re-add this repository to the Greenkeeper integration’s white list on Github. You'll find this list on your repo or organiszation’s settings page, under Installed GitHub Apps.
greenkeeper

opened by greenkeeper[bot] 0