Component Adbite Vuejs

Vue Adbite Template Component

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

• Atom: docs
• Sublime: docs