HubHaus UIKit

ElementUi based UIKit

Installation

1. yarn add @hubhaus/hubhaus-uikit
2. Create plugins/hubhaus-uikit.js with following content:

import Vue from 'vue';
import Element from 'element-ui';
import locale from 'element-ui/lib/locale/lang/en';

import '@hubhaus/hubhaus-uikit/src/element-variables.scss';
import Typography from '@hubhaus/hubhaus-uikit/src/components/Typography';

export default () => {
  Vue.use(Element, { locale });
  Vue.component('hh-typography', Typography);
};

3. Update nuxt.config.js

  plugins: [
    'plugins/hubhaus-uikit',
    ...
  ],

  build: {
    transpile: [/^element-ui/, /^@hubhaus\/hubhaus-uikit/]
    ...
  }

Usage

TODO Deploy a a demo app to github pages and paste link here

Development

To run local server type in console yarn dev then open http://localhost:3200/

Deploy

To publush npm package you should be a part of HubHaus organization. Ask your eng team leader to invite you.

Steps to publish component

1. Make sure you are logined in into npm npm login
2. Commit all your changes into git
3. Update package vesion npm version patch
4. Publish changes npm publish