Footer copyright refactoring

Author: realstoman

src/components/shared/FooterCopyright.vue

@@ -1,22 +1,22 @@
 <template>
 	<div class="flex justify-center items-center text-center">
 		<div
-			class="font-general-medium text-lg text-ternary-dark dark:text-ternary-light"
+			class="font-general-regular text-lg text-ternary-dark dark:text-ternary-light"
 		>
 			&copy; {{ copyrightDate }}.
 			<a
 				href="https://github.com/realstoman/vuejs-tailwindcss-portfolio"
 				target="__blank"
-				class="hover:underline hover:text-indigo-600 dark:hover:text-indigo-300"
+				class="font-general-medium hover:underline hover:text-indigo-600 dark:hover:text-indigo-300"
 			>
-				Vue.js & TailwindCSS Portfolio
+				{{ projectName }}
 			</a>
-			.
+			. Developed by
 			<a
 				href="https://stoman.me"
 				target="__blank"
-				class="text-secondary-dark dark:text-secondary-light font-medium uppercase hover:underline hover:text-indigo-600 dark:hover:text-indigo-300"
-				>Stoman</a
+				class="font-general-medium text-secondary-dark dark:text-secondary-light uppercase hover:underline hover:text-indigo-600 dark:hover:text-indigo-300"
+				>{{ author }}</a
 			>
 		</div>
 	</div>
@@ -27,6 +27,8 @@ export default {
 	data: () => {
 		return {
 			copyrightDate: new Date().getFullYear(),
+			projectName: 'Vue.js & TailwindCSS Portfolio',
+			author: 'Stoman',
 		};
 	},
 };