DaishoYokoyama / vue3-component-library

This is a template for building vue components library.Project makes use of vue3.0 with rollup configuration to build treeshakable imports and Postcss for compilation of css

vue 3 Component Library BoilerPlate

Technology Used:
Vuejs 3.0
Typescript
Rollup

Project setup

Please follow below mentioned step to run this project:

• Clone the repo

https://github.com/shubhadip/vue3-component-library

Run

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Build Library

yarn build:js

Build Library With Separate Css file

yarn build:js_css

Lints and fixes files

yarn lint

Usage Of Components Built

As Component

  import { TestWorld } from 'vue3-component-library/dist/esm/testworld';
  ...
  components:{
    TestWorld
  }

As Plugin

  import { TestWorld } from 'vue3-component-library';
    ...
  app.use(TestWorld)