fix: apply transition to half fill circle

Author: setaman

src/App.vue

@@ -42,7 +42,7 @@
           :size="600"
           half
           :angle="0"
-          line-position="out 40"
+          line-position="out 70"
           empty-line-position="out 20"
           empty-color-fill="red"
           color-fill="green"

src/components/Circle/HalfCircle.vue

@@ -37,7 +37,13 @@
       </g>
     </fade-in-transition>
 
-    <path class="ep-half-circle--progress__fill" :d="fillPath" :fill="computedColorFill"> </path>
+    <path
+      class="ep-half-circle--progress__fill"
+      :d="fillPath"
+      :fill="computedColorFill"
+      :style="{ transition: styles.transition }"
+    >
+    </path>
     <path
       :stroke-width="thickness"
       class="ep-half-circle--progress ep-circle--progress"