Component-moviebite-vuejs NPM

Component Moviebite Vuejs

Vue Moviebite Template Component

Synopsis

To deliver the top movies currently in theaters

Code Examples

Install:

npm install component-moviebite-vuejs --save

Usage:

Vue.use(Moviebite, options);

or within existing components:

import Moviebite from 'component-moviebite-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
url	`String`	The base url origin for api end point
token	`String`	API access token
type	`String`	Type of parameter being sent (Options: `in-theaters`,`opening`, `upcoming`) in-theaters
limit	`Number`	Limits the number of items shown in the widget 6
sortBy	`String`	Sorting the movie results (Options: `popularity`, `release`, `tomato`) popularity
showTitle	`Boolean`	Options to display or hide heading true
layout	`String`	Layout to show the tweets (Options: `swiper`, `list`, `grid`) swiper

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: