npm

.gitignore

@@ -1,5 +1,6 @@
 .DS_Store
 node_modules
+/dist
 
 # local env files
 .env.local

package.json

@@ -1,12 +1,12 @@
 {
-  "name": "vue-ui-loader",
-  "version": "1.0.0",
+  "name": "vue-ui-preloader",
+  "version": "1.0.10",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint",
-    "build-bundle": "vue-cli-service build --target lib --name vue-ui-loader ./src/components/index.js"
+    "build-bundle": "vue-cli-service build --target lib --name loader ./src/components/loader.vue"
   },
   "dependencies": {
     "bootstrap": "^4.5.0",
@@ -34,7 +34,8 @@
     "eslint-plugin-vue": "^6.2.2",
     "vue-template-compiler": "^2.6.11"
   },
-  "main": "./dist/vue-ui-loader.common.js",
+  "main": "./src/components/index.js",
+  "unpkg": "dist/loader.umd.min.js",
   "license": "MIT",
   "eslintConfig": {
     "root": true,
@@ -56,7 +57,9 @@
     "not dead"
   ],
   "files": [
-    "dist/vue-ui-loader.common.js",
-    "dist/vue-ui-loader.umd.js"
+    "dist/*",
+    "src/*",
+    "*.json",
+    "*.js"
   ]
 }

src/components/index.js

@@ -1,28 +1,15 @@
 // Import vue component
-import {Uiloader} from './loader.vue';
+import loader from './loader.vue';
 
 // Declare install function executed by Vue.use()
-export function install(Vue) {
-	if (install.installed) return;
-	install.installed = true;
-	Vue.component('loader',Uiloader);
+const install = (Vue) => {
+	Vue.component('loader', loader)
 }
 
-// Create module definition for Vue.use()
-const plugin = {
-	install,
-};
 
-// Auto-install when vue is found (eg. in browser via <script> tag)
-let GlobalVue = null;
-if (typeof window !== 'undefined') {
-	GlobalVue = window.Vue;
-} else if (typeof global !== 'undefined') {
-	GlobalVue = global.Vue;
-}
-if (GlobalVue) {
-	GlobalVue.use(plugin);
+export default {
+	install
 }
 
 // To allow use as module (npm/webpack/etc.) export component
-export default {Uiloader};
+export  {loader};

src/components/loader.vue

@@ -19,6 +19,7 @@ import circular from "./loaders/circular";
 import toptombar from "./loaders/toptombar";
 import box from "./loaders/box";
 export default {
+    name: 'loader',
     components:{
         spinning: loader1,
         dots: dots,

vue.config.js

@@ -1,10 +1,8 @@
 module.exports = {
-    css: {
-        extract: false
-    },
-    configureWebpack: {
-        output: {
-            libraryExport: 'default'
-        }
-    }
-}
+	publicPath: '/vue-ui-preloader/',
+	configureWebpack: {
+		output: {
+			libraryExport: 'default'
+		}
+	}
+}