fix: add a day to the rotation calculations

zamanapp · Feb 19, 2023 · f018bd6 · f018bd6
1 parent db635e0
commit f018bd6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 7 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1,12 +1,7 @@
 <template>
   <div>
     Component Playground
-    <Moon
-      show-guide
-      :moon-degree="moonDeg"
-      :moon-size="moonSize"
-      :line-weight="borderWidth"
-    />
+    <Moon show-guide :moon-size="moonSize" :line-weight="borderWidth" />
     <div class="absolute bottom-0 w-full">
       <h2 class="my-3 text-xl font-semibold">Configuration</h2>
       <div class="flex mb-3 align-middle">

diff --git a/src/lib/Moon.vue b/src/lib/Moon.vue
@@ -249,7 +249,7 @@ const daysTextLength = computed(() => {
 const rotation = computed(() =>
   props.moonDegree || props.moonDegree === 0
     ? props.moonDegree
-    : (temporalDate.day * 360) / temporalDate.daysInMonth
+    : (temporalDate.day * 360) / (temporalDate.daysInMonth + 1)
 );
 
 const moonDeg = computed(() => `${rotation.value}deg`);