:sparkles: displaying start and end time | converting unix to js date objects

vue-theme/src/pages/list.vue

@@ -85,7 +85,6 @@ export default {
         }
     },
     created() {
-        console.log(this)
         this.setHeroAndGetPosts()
     }
 }

vue-theme/src/pages/mixin-post-types.js

@@ -1,6 +1,10 @@
 import { convertTitleCase } from '@/utils/helpers'
 import { mapGetters } from 'vuex'
-
+/**
+ * A list of custom post types used to dispatch vuex actions
+ * This makes ALL post type modules available for the
+ * list and single components to request data
+ */
 const postTypes = [
     'post',
     'page',
@@ -10,6 +14,11 @@ const postTypes = [
     'exhibition'
 ]
 
+/**
+ * Create an object to hold the action names
+ * Example: allArtists and allArtistsLoaded
+ * See modules folder
+ */
 const getterHelper = {}
 for(let type of postTypes) {
     const capitalized = convertTitleCase(type)

vue-theme/src/pages/single.vue

@@ -5,6 +5,10 @@
             h1 {{ type }}:{{ $route.params.slug }} {{ post.title }}
             p(v-if="post.categories") categories: {{ post.categories }}
             p(v-if="post.type") type: {{ post.type }}
+            .date-info(v-if="type === 'events' || post.type === 'exhibitions'")
+                p start: {{ dateFrom(post.start) }}
+                p end: {{ dateFrom(post.end) }}
+
 
         .post-single.block-wrapper(v-for="(block, i) in post.blocks" :key="`block-${i}`")
             //- ?: are objects are always gallery blocks
@@ -56,7 +60,6 @@ export default {
         type() { // Checks for type and fixes Episodes route edge case 
             return typeFromRoute(this.$route)
         },
-
         /**
          * We get the actual post data using the slug
          */
@@ -127,7 +130,14 @@ export default {
 
             const json = JSON.parse(post.hero)
             this.$store.commit('SET_HERO', json)
-        }
+        },
+
+        /**
+         * Date Object from unix strings from db
+         */
+        dateFrom(unix) {
+            return new Date( parseInt(unix) * 1000 )
+        },
     },
     watch: {
         posts(newVal, oldVal) {