Update footer component

src/components/AppFooter.vue

@@ -1,44 +1,36 @@
 <template>
 	<footer>
-		<template v-if="json.version">
-			<span>Data v{{ json.version }}</span>
+		<template v-if="jsonData.version">
+			<span>Data v{{ jsonData.version }}</span>
 		</template>
-		<a href="https://donate.hemlo.cc" target="_blank">Donate</a>
-		<a
-			href="https://github.com/octoman90/Genshin-Party-Builder"
-			rel="noreferrer noopener"
-			target="_blank"
-		>
-			GitHub
-		</a>
-		<span>{{ strings.notAffiliated }}</span>
+		<a href="https://https://www.hemlo.cc/finances#donate" target="_blank">Donate</a>
+		<a href="https://github.com/man90es/Genshin-Party-Builder" target="_blank">GitHub</a>
+		<span>Man90's Genshin Party Builder is not affiliated with or endorsed by miHoYo.</span>
 	</footer>
 </template>
 
-<script setup>
+<script setup lang="ts">
 	import { useJsonDataStore } from "@/stores"
-	import { useStrings } from "@/hooks"
 
-	const strings = useStrings()
-	const json = useJsonDataStore()
+	const jsonData = useJsonDataStore()
 </script>
 
-<style lang="scss">
+<style>
 	footer {
 		display: grid;
 		font-size: 0.9rem;
+		gap: 0.5rem;
 		grid-template-columns: repeat(3, auto);
-		max-width: 30rem;
 		margin: 1rem auto;
+		max-width: 30rem;
 		text-align: center;
-		gap: 0.5rem;
 
-		& > * {
+		& * {
 			min-width: 5rem;
 			opacity: 0.7;
 		}
 
-		a {
+		& a {
 			color: inherit;
 			text-decoration: underline;
 
@@ -47,7 +39,7 @@
 			}
 		}
 
-		& > :last-child {
+		& :last-child {
 			grid-column: 1/-1;
 		}
 	}

src/hooks/strings.ts

@@ -3,7 +3,6 @@ import { reactive, readonly } from "vue"
 export function useStrings() {
 	const strings = reactive({
 		characterScreenInstruction: "To start creating your winning team, import or manually select the characters you own. Once you're done, switch to the parties or tier list tab to see the recommendations based on selected characters. Don't worry if you need to make changes later on: you can always return to this step and update your characters.",
-		notAffiliated: "Man90's Party Builder is not affiliated with or endorsed by miHoYo.",
 		pressStart: "Press start to select your characters.",
 		teamsScreenNoCharacters: "Yikes! Looks like we're missing a crucial element in creating your custom team. Please head over to the characters tab and select at least five characters. This will enable us to provide you with personalised recommendations on building a winning team.",
 		tiersScreenNoCharacters: "Yikes! Looks like we're missing a crucial element in creating your custom tier list. Please head over to the characters tab and select at least five characters. This will enable us to provide you with personalised recommendations.",