From 5787a67e96676d58fb87b3ce42626bd997a7fc50 Mon Sep 17 00:00:00 2001
From: webmech <webmech@gmail.com>
Date: Wed, 11 Dec 2019 19:02:04 -0500
Subject: [PATCH] feat(*): update tests and variable names

rename props to something that makes more sense. add animated test example
---
 src/PercentageCircle.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/PercentageCircle.vue b/src/PercentageCircle.vue
index b3a439b..61f0692 100644
--- a/src/PercentageCircle.vue
+++ b/src/PercentageCircle.vue
@@ -1,7 +1,8 @@
 <template>
 	<div
+		@click="(e) => $emit('click', e)"
 		class="c100"
-		:class="[`p${percent}`, complete ? primary : secondary, size]">
+		:class="[`p${percent}`, !complete ? activeColor : completeColor, size]">
 	    <span>{{percent}}%</span>
 	    <div class="slice">
 	        <div class="bar"></div>
@@ -21,11 +22,11 @@
 				type: String,
 				default: 'small'
 			},
-			primary: {
+			activeColor: {
 				type: String,
-				default: 'green'
+				default: 'blue'
 			},
-			secondary: {
+			completeColor: {
 				type: String,
 				default: ''
 			}