Cleaning up

Author: webdevnerdstuff

src/components/EasterEgg.vue

@@ -7,10 +7,10 @@
 		<div class="title">Click screen to close</div>
 		<div class="unicorn-container">
 			<svg
-				class="unicorn"
 				id="Layer_1"
-				xmlns="http://www.w3.org/2000/svg"
+				class="unicorn"
 				viewBox="0 0 406.88 226.98"
+				xmlns="http://www.w3.org/2000/svg"
 			>
 				<defs></defs>
 				<g>
@@ -1024,13 +1024,9 @@ export default {
 			this.containerClass = '';
 
 			setTimeout(() => {
-				console.log('closeEasterEgg');
 				this.$emit('closeEasterEgg');
 			}, 1000);
 		},
-		consoleInfo(text) {
-			console.info(`%c${text}`, 'background: #000; color: #0f0; font-weight: bold; padding: 10px;');
-		},
 	},
 };
 </script>

src/index.js

@@ -1,10 +1,9 @@
 import EasterEggComponent from './components/EasterEggComponent.vue';
 import EasterEggTriggerCore from './plugin/index';
 
-console.group('index.js');
-console.log({ EasterEggTriggerCore });
-
-let globalOptions = {};
+const globalOptions = {
+	delay: 500,
+};
 
 const EasterEggTrigger = {
 	install(Vue, options = {}) {
@@ -13,37 +12,18 @@ const EasterEggTrigger = {
 		}
 
 		// Set the Global options //
-		globalOptions = options;
+		globalOptions.delay = options.delay || globalOptions.delay;
 
+		// Add Component //
 		Vue.component(EasterEggComponent.name, EasterEggComponent);
 
-		// 1. Add global method or property
-		Vue.globalEasterEggMethod = function() {
-			// some logic ...
-		};
-
-		// 2. Add a global asset
-		Vue.directive('easter-egg-trigger-directive', {
-			bind(el, binding, vnode, oldVnode) {
-				// some logic ...
-			},
-		});
-
-		// 3. Inject some component options
-		Vue.mixin({
-			created() {
-				// some logic ...
-			},
-		});
-
-		// 4. add an instance method
+		// Add Instance Methods //
 		Vue.prototype.$easterEgg = function(methodOptions) {
-			console.log('$easterEgg instance method loaded');
-			EasterEggTriggerCore.init(globalOptions, methodOptions);
+			EasterEggTriggerCore.init(Vue, globalOptions, methodOptions);
 		};
 
 		Vue.prototype.$easterEggTrigger = function(methodOptions) {
-			EasterEggTriggerCore.init(globalOptions, methodOptions);
+			EasterEggTriggerCore.init(Vue, globalOptions, methodOptions);
 		};
 	},
 };
@@ -54,5 +34,3 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default EasterEggTrigger;
-
-console.groupEnd('index.js');

src/plugin/index.js

@@ -1,5 +1,3 @@
 import EasterEggTriggerCore from './EasterEggTriggerCore';
 
-console.log('plugin index loaded', { EasterEggTriggerCore });
-
 export default EasterEggTriggerCore;