:recycle: consolidating date formatter in helper

vue-theme/src/components/card.vue

@@ -22,14 +22,12 @@
 
 <script>
 import featuredImage from '@/components/featured-image'
+import { formatDate } from '@/utils/helpers'
 export default {
     components: { featuredImage },
     props: ['type', 'content', 'wide', 'hide-type'],
     methods: {
-        dateFrom(unix, includeTime) {
-            const d = new Date(parseInt(unix) * 1000)
-            return includeTime ? d.toLocaleString('en-US', { timeZone: 'UTC' }) : d.toLocaleDateString('en-US', { timeZone: 'UTC' })
-        }
+        dateFrom: (unix, includeTime) => formatDate(unix, includeTime),
     }
 }
 </script>

vue-theme/src/components/sidebars/events.vue

@@ -3,7 +3,8 @@
 h3.t-up {{ listType }} events
 ul.t-up
     li(v-for="post in events")
-        featured-image(:post="post", thumbsize="'standard'")
+        router-link(:to="`/event/${post.slug}`")
+            featured-image(:post="post", thumbsize="'standard'")
         router-link(:to="`/event/${post.slug}`")
             p.t-up {{ post.title }}
         p {{ dateFrom(post.start, true) }} – {{ dateFrom(post.end, true) }}
@@ -12,7 +13,7 @@ ul.t-up
 <script>
 import featuredImage from '@/components/featured-image'
 import { postTypeGetters } from '@/pages/mixin-post-types'
-import { sortTypes } from '@/utils/helpers'
+import { sortTypes, formatDate } from '@/utils/helpers'
 
 export default {
     mixins: [postTypeGetters],
@@ -31,10 +32,7 @@ export default {
         }
     },
     methods: {
-        dateFrom(unix, includeTime) {
-            const d = new Date(parseInt(unix) * 1000)
-            return includeTime ? d.toLocaleString('en-US', { timeZone: 'UTC' }) : d.toLocaleDateString('en-US', { timeZone: 'UTC' })
-        },
+        dateFrom: (unix, includeTime) => formatDate(unix, includeTime),
         async getPosts() {
             this.$store.commit('CLEAR_EVENTS')
             const upcoming = this.$store.dispatch(

vue-theme/src/components/sidebars/exhibitions.vue

@@ -3,7 +3,8 @@
 h3.t-up {{ listType }} exhibitions
 ul.t-up
     li(v-for="post in exhibitions")
-        featured-image(:post="post", thumbsize="'standard'")
+        router-link(:to="`/exhibition/${post.slug}`")
+            featured-image(:post="post", thumbsize="'standard'")
         router-link(:to="`/exhibition/${post.slug}`")
             p.t-up {{ post.title }}
         p {{ dateFrom(post.start, false) }} – {{ dateFrom(post.end, false) }}
@@ -12,7 +13,7 @@ ul.t-up
 <script>
 import featuredImage from '@/components/featured-image'
 import { postTypeGetters } from '@/pages/mixin-post-types'
-import { sortTypes } from '@/utils/helpers'
+import { sortTypes, formatDate } from '@/utils/helpers'
 
 export default {
     mixins: [postTypeGetters],
@@ -31,10 +32,7 @@ export default {
         }
     },
     methods: {
-        dateFrom(unix, includeTime) {
-            const d = new Date(parseInt(unix) * 1000)
-            return includeTime ? d.toLocaleString('en-US', { timeZone: 'UTC' }) : d.toLocaleDateString('en-US', { timeZone: 'UTC' })
-        },
+        dateFrom: (unix, includeTime) => formatDate(unix, includeTime),
         async getPosts() {
             this.$store.commit('CLEAR_EXHIBITIONS')
             const upcoming = this.$store.dispatch(

vue-theme/src/pages/single.vue

@@ -47,7 +47,7 @@ import breadcrumb from '@/components/breadcrumb'
 
 import { postTypeGetters, scrollTop, heroUtils } from './mixin-post-types'
 
-import { postTypes, sortTypes, convertTitleCase, dePluralize, typeFromRoute } from '@/utils/helpers'
+import { postTypes, sortTypes, convertTitleCase, dePluralize, typeFromRoute, formatDate } from '@/utils/helpers'
 
 const TIMEOUT = 1
 
@@ -174,10 +174,7 @@ export default {
         /**
          * Date Object from unix strings from db
          */
-        dateFrom(unix, includeTime) {
-            const d = new Date(parseInt(unix) * 1000)
-            return includeTime ? d.toLocaleString('en-US', { timeZone: 'UTC' }) : d.toLocaleDateString('en-US', { timeZone: 'UTC' })
-        },
+        dateFrom: (unix, includeTime) => formatDate(unix, includeTime),
 
         async loadPostData() {
             this.loading = true
@@ -200,7 +197,7 @@ export default {
 
             // Look if it exists before you try and load everything!
             if (!singlePostData) {
-                console.error('Could not find single post in store; Fetching everything...')
+                console.warn('Could not find single post in store; Fetching everything...')
                 const res = await this.$store.dispatch(
                     `getAll${convertTitleCase(this.type)}s`,
                     { sortType: null, params: null}
@@ -222,6 +219,7 @@ export default {
         },
     },
     watch: {
+        // This fires navigating to and away
         $route(to, from) {
             // Only load post data when navigating TO a single page
             const path = to.fullPath.split('/').filter(p => p)

vue-theme/src/utils/helpers.js

@@ -90,6 +90,11 @@ const ytThumbnail = (url, desiredSize) => {
     return `https://img.youtube.com/vi/${videoId[0]}/${size}.jpg`
 }
 
+const formatDate = (unix, includeTime) => {
+    const d = new Date(parseInt(unix) * 1000)
+    return includeTime ? d.toLocaleString('en-US', { timeZone: 'UTC' }) : d.toLocaleDateString('en-US', { timeZone: 'UTC' })
+}
+
 export {
     convertTitleCase,
     dePluralize,
@@ -97,4 +102,5 @@ export {
     sortTypes,
     postTypes,
     ytThumbnail,
+    formatDate
 }