use new shortlinks for social icons

components/SocialIcon.vue

@@ -1,5 +1,5 @@
 <template>
-  <a id="root" rel="noopener" :href="to" target="_blank"
+  <a id="root" rel="noopener" :href="`https://go.ctexxx.dev/${name}`" target="_blank"
      @mouseenter="$store.commit('setLogoText', username)"
      @mouseleave="$store.commit('resetLogoText', username)"
   >
@@ -18,7 +18,7 @@
   export default {
     name: "SocialIcon",
     props: {
-      icon: String,
+      name: String,
       to: String,
       username: String,
       invert: {
@@ -28,7 +28,7 @@
     },
     data() {
       return {
-        simpleIcon: requireIcon(`./${this.icon}.js`)
+        simpleIcon: requireIcon(`./${this.name}.js`)
       }
     }
   };

pages/index.vue

@@ -4,10 +4,10 @@
       <div class="vertically-centered">
         <Logo/>
         <div class="horizontally-centered">
-          <SocialIcon icon="github" to="https://github.com/ctexxx" username="ctexxx" invert/>
-          <SocialIcon icon="twitter" to="https://twitter.com/cte3x" username="cte3x" invert/>
-          <SocialIcon icon="instagram" to="https://instagram.com/cte3x" username="cte3x" invert/>
-          <SocialIcon icon="keybase" to="https://keybase.io/ctexxx" username="cte3x"/>
+          <SocialIcon name="github" username="ctexxx" invert/>
+          <SocialIcon name="twitter" username="cte3x" invert/>
+          <SocialIcon name="instagram" username="cte3x" invert/>
+          <SocialIcon name="keybase" username="ctexxx"/>
         </div>
       </div>
       <ScrollDownArrow to=".section-1" container="#index"/>