Hello Vue Components

Overview

Hello Vue Components is a component library built with Vue CLI 3. It offers a collection of reusable Vue components that can be easily integrated into your web application.

Features

• Easy to use: Simply drop the library in with a <script> tag alongside Vue to globally install all components.
• Modular installation: Install the library with NPM and register it as a plugin to globally install all components or import components individually for local registration.
• Individually packaged components: If you only want to use a small subset of components, you can reduce the size of your application by only importing individually packaged components.

Directly in the browser

Drop the library in with a <script> tag alongside Vue to globally install all components:

<script src="path/to/vue.js"></script>
<script src="path/to/hello-vue-components.js"></script>

Or, if you only want to use a small subset of components, drop them in individually:

<script src="path/to/vue.js"></script>
<script src="path/to/component1.js"></script>
<script src="path/to/component2.js"></script>
<!-- Add more components as needed -->

In a module system

Install the library with NPM:

npm install hello-vue-components

Then register the library as a plugin to globally install all components:

import HelloVueComponents from 'hello-vue-components';
import Vue from 'vue';

Vue.use(HelloVueComponents);

Or, import components individually for local registration:

import { Component1, Component2 } from 'hello-vue-components';
import Vue from 'vue';

Vue.component('Component1', Component1);
Vue.component('Component2', Component2);
// Register more components as needed

Individually packaged components

If you only want to use a small subset of components, only import individually packaged components to reduce the size of your application. This approach requires using a module system.

import Component1 from 'hello-vue-components/Component1';
import Component2 from 'hello-vue-components/Component2';
// Import more components as needed

Summary

Hello Vue Components is a versatile component library for Vue.js. Its easy-to-use nature, modular installation options, and ability to individually package components make it a convenient choice for integrating reusable components into your Vue projects.