Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gkshi/vue-common-components

Universal basic components for your Vue.js/Nuxt.js project
https://github.com/gkshi/vue-common-components

boilerplate button checkbox component components input loader modal nuxtjs radio select tabs template textarea typing-effect vuejs

Last synced: 4 days ago
JSON representation

Universal basic components for your Vue.js/Nuxt.js project

Awesome Lists containing this project

README

        

# vue-common-components

> Global basic components for your Vue.js/Nuxt.js project

[![npm version](https://img.shields.io/npm/v/vue-common-components.svg)](https://www.npmjs.org/package/vue-common-components)
[![npm downloads](https://img.shields.io/npm/dm/vue-common-components.svg)](http://npm-stat.com/charts.html?package=vue-common-components)

 

Visit [website and documentation](https://gkshi.github.io/vue-common-components/).

 

## Getting started

#### 1. Install the dependency.

```bash
yarn add --dev vue-common-components
```

```bash
npm i vue-common-components
```

#### 2. Init the plugin.

If you are using Vue.js:
```javascript
// main.js
import Vue from 'vue'
import VueCommonComponents from 'vue-common-components'
Vue.use(VueCommonComponents, {
// custom options here
})
```

If you are using Nuxt.js:
The plugin inits automatically, you just have to add it in nuxt config:

```javascript
// nuxt.config.js
export default {
plugins: [
'node_modules/vue-common-components'
],
commonComponents: {
// custom options here
}
}
```

#### 3. Use common components everywhere in project:

```vue
// any component or page


Button

export default {
// No need to import common components
}

```

 

Visit [website and documentation](https://gkshi.github.io/vue-common-components/).