Medkit (Vue 2 component library)

Usage

Installation

npm i @bigpicturemedical/medkit-vue3
or
yarn add @bigpicturemedical/medkit-vue3

Import entire library globally

import Vue from 'vue';
import MedkitVue3 from '@bigpicturemedical/medkit-vue3';

Vue.use(MedkitVue3);

Import components from the esm folder to enable tree-shaking

import { MkBadge } from '@bigpicturemedical/medkit-vue3/esm';

Demo code can be found under the docs section within storybook.

Local development

Generate new component

npm run create-component

Install

npm install

Serve

npm run serve

Lint

npm run lint

or lint and automatically fix files

npm run lint:fix

Tests

Run all tests

npm run test:unit

Run tests in watch mode

npm run test:single Badge

Build for production

Build everything

npm run build

Build library

npm run build:lib

Build storybook docs

npm run build:docs