GitPedia

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

From shubhadip·Updated September 18, 2024·View on GitHub·

**Technology Used:**\ [Vuejs 3.0](https://github.com/vuejs/vue-next)\ [Typescript](https://github.com/microsoft/TypeScript)\ [Rollup](https://github.com/rollup/rollup) The project is written primarily in JavaScript, first published in 2020. Key topics include: component-library, library, library-boilerplate, postcss, rollup.

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
shell
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)

Contributors

Showing top 1 contributor by commit count.

View all contributors on GitHub →

This article is auto-generated from shubhadip/vue3-component-library via the GitHub API.Last fetched: 6/25/2026