Fix lint errors

source/statistics/GitHubRepositories.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { Maybe } from "true-myth";
 import type { GitHubStatistics } from "../github-statistics/github-statistics-schema";
-import Figure from "./Figure.vue";
+import StatisticsFigure from "./StatisticsFigure.vue";
 import LoadingSpinner from "./LoadingSpinner.vue";
-import Cite from "./Cite.vue";
+import StatisticsCite from "./StatisticsCite.vue";
 
 interface Properties {
 	readonly isFetching: boolean;
@@ -14,10 +14,10 @@ const { isFetching, gitHubStatistics } = defineProps<Properties>();
 </script>
 
 <template>
-	<Figure description="GitHub Repos">
+	<StatisticsFigure description="GitHub Repos">
 		<LoadingSpinner v-if="isFetching" />
-		<Cite v-if="!isFetching" ariaLabel="GitHub Repos">
+		<StatisticsCite v-if="!isFetching" ariaLabel="GitHub Repos">
 			{{ gitHubStatistics.get("user").get("repositories").get("totalCount").unwrapOr(0) }}
-		</Cite>
-	</Figure>
+		</StatisticsCite>
+	</StatisticsFigure>
 </template>

source/statistics/GitHubStars.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { Maybe } from "true-myth";
 import type { GitHubStatistics } from "../github-statistics/github-statistics-schema";
-import Figure from "./Figure.vue";
+import StatisticsFigure from "./StatisticsFigure.vue";
 import LoadingSpinner from "./LoadingSpinner.vue";
-import Cite from "./Cite.vue";
+import StatisticsCite from "./StatisticsCite.vue";
 
 interface Properties {
 	readonly isFetching: boolean;
@@ -14,10 +14,10 @@ const { isFetching, gitHubStatistics } = defineProps<Properties>();
 </script>
 
 <template>
-	<Figure description="GitHub Stars">
+	<StatisticsFigure description="GitHub Stars">
 		<LoadingSpinner v-if="isFetching" />
-		<Cite v-if="!isFetching" ariaLabel="GitHub Stars">
+		<StatisticsCite v-if="!isFetching" ariaLabel="GitHub Stars">
 			{{ gitHubStatistics.get("user").get("starredRepositories").get("totalCount").unwrapOr(0) }}
-		</Cite>
-	</Figure>
+		</StatisticsCite>
+	</StatisticsFigure>
 </template>

source/statistics/StatisticsData.vue

@@ -6,7 +6,7 @@ import { Maybe } from "true-myth";
 import YearsInBusiness from "./YearsInBusiness.vue";
 import GitHubRepositories from "./GitHubRepositories.vue";
 import GitHubStars from "./GitHubStars.vue";
-import Figure from "./Figure.vue";
+import StatisticsFigure from "./StatisticsFigure.vue";
 import { gitHubStatisticsSchema, type GitHubStatistics } from "../github-statistics/github-statistics-schema";
 
 const currentYear = import.meta.env.PROD ? new Date() : new Date(2022, 2, 23);
@@ -30,7 +30,7 @@ const barChartIcon = icons["bar-chart"].toSvg({ class: "text-dracula-green w-6 h
 	<YearsInBusiness :years-of-experience="yearsOfExperience" />
 	<GitHubRepositories :is-fetching="isFetching" :gitHubStatistics="gitHubStatistics" />
 	<GitHubStars :is-fetching="isFetching" :gitHubStatistics="gitHubStatistics" />
-	<Figure description="Lines of Code">
+	<StatisticsFigure description="Lines of Code">
 		<figure v-html="barChartIcon" />
-	</Figure>
+	</StatisticsFigure>
 </template>

source/statistics/YearsInBusiness.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import Figure from "./Figure.vue";
-import Cite from "./Cite.vue";
+import StatisticsFigure from "./StatisticsFigure.vue";
+import StatisticsCite from "./StatisticsCite.vue";
 
 interface Properties {
 	readonly yearsOfExperience: number;
@@ -10,7 +10,7 @@ const { yearsOfExperience } = defineProps<Properties>();
 </script>
 
 <template>
-	<Figure description="Experience">
-		<Cite ariaLabel="Years of experience">{{ yearsOfExperience }} yrs</Cite>
-	</Figure>
+	<StatisticsFigure description="Experience">
+		<StatisticsCite ariaLabel="Years of experience">{{ yearsOfExperience }} yrs</StatisticsCite>
+	</StatisticsFigure>
 </template>