Refactor code

Author: y-temp4

app/components/atoms/ArticleCardContentDataPublishedAt.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import moment from 'moment'
+import { formatDate } from '~/utils/article'
 
 export default {
   props: {
@@ -14,9 +14,7 @@ export default {
   },
   computed: {
     formettedPublishedAt() {
-      return moment(this.publishedAt, 'X')
-        .locale('ja')
-        .format('L')
+      return formatDate(this.publishedAt)
     }
   }
 }

app/components/atoms/ArticleSubInfos.vue

@@ -11,7 +11,7 @@
 
 <script>
 import { BigNumber } from 'bignumber.js'
-import moment from 'moment'
+import { formatDate } from '~/utils/article'
 
 export default {
   props: {
@@ -26,9 +26,7 @@ export default {
   },
   computed: {
     formettedPublishedAt() {
-      return moment(this.publishedAt, 'X')
-        .locale('ja')
-        .format('L')
+      return formatDate(this.publishedAt)
     },
     formattedTokenAmount() {
       if (this.tokenAmount === undefined) return

app/utils/article.js

@@ -1,4 +1,5 @@
 /* eslint-disable no-undef */
+import moment from 'moment'
 
 export function getThumbnails(images) {
   return images
@@ -33,3 +34,9 @@ export function showEmbedTweet({ $axios }) {
     iframely.load()
   })
 }
+
+export function formatDate(date) {
+  return moment(date, 'X')
+    .locale('ja')
+    .format('L')
+}