feat: Add support for installing the component globally

Author: rkunev

docs/.vuepress/enhanceApp.js

@@ -1,10 +1,6 @@
 import ColorPicker from '../../dist/vue-color-picker.esm.js';
 import '../../dist/vue-color-picker.css';
 
-ColorPicker.install = function(Vue) {
-    Vue.component('color-picker', ColorPicker);
-};
-
 export default ({ Vue }) => {
     Vue.use(ColorPicker);
 };

scripts/roll.js

@@ -11,7 +11,7 @@ const basePath = 'dist/vue-color-picker';
 
 const build = async ({ format, minify = false }) => {
     const inputOptions = {
-        input: './src/ColorPicker.vue',
+        input: './src/wrapper.js',
         external: ['vue'],
         plugins: [
             // Replace env variable with 'production' for umd.min.js and 'development' for 'umd.js'

src/ColorPicker.vue

@@ -40,7 +40,7 @@ import Rotator from '@radial-color-picker/rotator';
 
 export default {
     rcp: null,
-    name: 'vue-color-picker',
+    name: 'ColorPicker',
     props: {
         hue: {
             default: 0,

src/wrapper.js

@@ -0,0 +1,7 @@
+import ColorPicker from './ColorPicker.vue';
+
+ColorPicker.install = function(Vue) {
+    Vue.component('ColorPicker', ColorPicker);
+};
+
+export default ColorPicker;