@hitchy/vue-widgets v0.1.0

@hitchy/vue-widgets

common Vue.js components for use with Hitchy-based applications

License

MIT

Usage

Install this package:

npm i @hitchy/vue-widgets

In your application's main.js pass this package to Vue.use():

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import HitchyVueWidgets from "@hitchy/vue-widgets";

Vue.config.productionTip = false;

Vue.use( HitchyVueWidgets );

new Vue( {
	router,
	store,
	render: h => h( App )
} ).$mount( "#app" );

This will register components of this package with prefix hitchy- as global components of your application. Using options on calling Vue.use() you can pick a different prefix to use:

Vue.use( HitchyVueWidgets, { prefix: "my-custom" } );

In this case, component hitchy-list will be exposed as my-custom-list instead.

Styling Components

Basically, this plugin doesn't come with a particular design applied to provided components, by default. You might want to apply a provided design instead of your own explicitly, though.

In your application's main.js file import the design definition you like to use by inserting

import "@hitchy/vue-widgets/theme/default.scss";