debug: hydration mismatch

Octobug · Nov 15, 2023 · 1c9e118 · 1c9e118
1 parent e7a0f63
commit 1c9e118
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/.vitepress/theme/components/ProfileExtra.vue b/.vitepress/theme/components/ProfileExtra.vue
@@ -7,7 +7,7 @@
           fill="var(--vp-c-text-2)"
         />
       </svg>
-      <span>{{ location }}</span>
+      {{ location }}
     </li>
     <li :class="$style.extraitem">
       <svg viewBox="0 0 16 16">
@@ -16,9 +16,7 @@
           fill="var(--vp-c-text-2)"
         />
       </svg>
-      <span>
-        {{ `${nowWithTZ.format("HH:mm")} (${nowWithTZ.format("UTC Z")})` }}
-      </span>
+      {{ `${hourMinute} (${utcz})` }}
     </li>
   </ul>
 </template>
@@ -29,6 +27,8 @@ import { useData } from "vitepress";
 const { theme } = useData();
 const { location, timezone } = theme.value;
 const nowWithTZ = moment().tz(timezone);
+const hourMinute: string = nowWithTZ.format("HH:mm");
+const utcz: string = nowWithTZ.format("UTC Z");
 </script>
 
 <style scoped module>