component-adbite-vuejs

Vue Ad Widget Component
817
Install
npm install component-adbite-vuejs
Latest Version:1.0.22
Vue:2
License:ISC
Last Updated:Mar 13, 2017
Links: npm

Component Adbite Vuejs

Vue Adbite Template Component

Coverage Status

Synopsis

To deliver different layouts for ad spaces

Code Examples

Install:

npm install component-adbite-vuejs --save

Usage:

Vue.use(Adbite, options);

or within existing components:

import Adbite from 'component-adbite-vuejs';

export default {
    components: {
        Moviebite
    }
}

Installation

Install dependencies:

npm install

Copy .env.example to create .env:

cp .env.example .env

Copy config files over:

cp ./src/config/build.js ./src/config/development.js

Serve with hot reload at localhost:8080 (default):

npm run dev

Build for production with minification:

npm run build

Documentation

Properties
Name Type Description
type String Type of parameter being sent (Options: banner,swiper, interstitial) [banner]
payload Array The data containing each asset (Required)
interstitialShow Number The number of seconds it will show for (Only for type interstitial) [5]
icon Boolean Shows 'Ad' icon in bottom right corner [true]

Test

All widgets should have unit tests associated with them. To run all tests

npm test

For developments test with hot reloading at localhost:3001

npm run test:dev

To run tests with coveralls support:

npm run test:coveralls

Style Guide

All project should follow JS Style guide. Style guide is a modified version of airbnb, and should be referenced during development. Any modified rules can be found in .eslintc.json file.

To run eslint:

npm run lint

To fix eslint errors:

npm run lint:fix

Local Setup

Version History

Version Released Vue License
1.0.22 2.1.4 ISC
1.0.21 2.1.4 ISC
1.0.20 2.1.4 ISC
1.0.19 2.1.4 ISC
1.0.18 2.1.4 ISC