feat: add copyright information

src/components/RichFigure.vue

@@ -1,7 +1,12 @@
 <template>
   <figure :class="[{ float: imgPos }, imgPos]">
     <img :src="imgSrc" :alt="caption" />
-    <figcaption>{{ caption }}</figcaption>
+    <figcaption>
+      <div class="caption">{{ caption }}</div>
+      <div class="copyright">
+        By <a :href="getLink(copyright)[0]">{{ getLink(copyright)[1] }}</a>
+      </div>
+    </figcaption>
   </figure>
 </template>
 
@@ -17,8 +22,27 @@ export default {
       type: String,
       required: true
     },
+    copyright: {
+      type: String,
+      required: true
+    },
     imgPos: String,
     imgW: String
+  },
+  methods: {
+    getLink(username) {
+      if (username.match(/^(@)?([a-z0-9_]{1,30})$/i))
+        return this.formatTwitter(username);
+      if (username.match(/^(FA:)/)) return this.formatFuraffinity(username);
+    },
+    formatFuraffinity: username => {
+      let user = username.slice(3);
+      return [`https://www.furaffnity.net/user/${user}`, user];
+    },
+    formatTwitter: username => {
+      let user = username.slice(1);
+      return [`https://twitter.com/${user}`, username];
+    }
   }
 };
 </script>
@@ -42,6 +66,10 @@ figure {
     text-align: center;
   }
 
+  a {
+    color: #fff;
+  }
+
   img {
     display: block;
     width: 100%;