Update footer links and move links data to file

Author: realstoman

src/components/shared/AppFooter.vue

@@ -1,43 +1,13 @@
 <script>
 import feather from 'feather-icons';
 import FooterCopyright from './FooterCopyright.vue';
+import { socialLinks } from '../../data/socialLinks';
 
 export default {
 	components: { FooterCopyright },
 	data() {
 		return {
-			socials: [
-				{
-					id: 1,
-					name: 'Website',
-					icon: 'globe',
-					url: 'https://www.stoman.me/',
-				},
-				{
-					id: 2,
-					name: 'GitHub',
-					icon: 'github',
-					url: 'https://github.com/realstoman',
-				},
-				{
-					id: 3,
-					name: 'Twitter',
-					icon: 'twitter',
-					url: 'https://twitter.com/realstoman',
-				},
-				{
-					id: 4,
-					name: 'LinkedIn',
-					icon: 'linkedin',
-					url: 'https://www.linkedin.com/in/realstoman',
-				},
-				{
-					id: 5,
-					name: 'YouTube',
-					icon: 'youtube',
-					url: 'https://www.youtube.com/c/realstoman',
-				},
-			],
+			socials: socialLinks,
 		};
 	},
 	mounted() {

src/data/socialLinks.js

@@ -0,0 +1,32 @@
+export const socialLinks = [
+	{
+		id: 1,
+		name: 'Website',
+		icon: 'globe',
+		url: 'https://www.stoman.me/',
+	},
+	{
+		id: 2,
+		name: 'GitHub',
+		icon: 'github',
+		url: 'https://github.com/realstoman',
+	},
+	{
+		id: 3,
+		name: 'Twitter',
+		icon: 'twitter',
+		url: 'https://twitter.com/realstoman',
+	},
+	{
+		id: 4,
+		name: 'LinkedIn',
+		icon: 'linkedin',
+		url: 'https://www.linkedin.com/in/realstoman',
+	},
+	{
+		id: 5,
+		name: 'YouTube',
+		icon: 'youtube',
+		url: 'https://www.youtube.com/c/realstoman',
+	},
+];