taskManager & recurrent events generation

components/Event.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-  nuxt-link.event(:to='`/event/${link}`' :class='{ withImg: event.image_path }')
+  nuxt-link.event(:to='`/event/${event.id}`' :class='{ withImg: event.image_path }')
 
     //- image
     el-image(v-if='showImage && event.image_path' lazy :src='`/media/thumb/${event.image_path}`')
@@ -24,7 +24,7 @@ import { mapState } from 'vuex'
 
 export default {
   props: {
-    event: Object,
+    event: { type: Object, default: () => ({}) },
     showTags: {
       type: Boolean,
       default: true
@@ -35,16 +35,7 @@ export default {
     }
   },
   computed: {
-    ...mapState(['settings']),
-    date () {
-      return new Date(this.event.start_datetime).getDate()
-    },
-    link () {
-      if (this.event.recurrent) {
-        return `${this.event.id}_${this.event.start_datetime}`
-      }
-      return this.event.id
-    }
+    ...mapState(['settings'])
   }
 }
 </script>

components/List.vue

@@ -1,4 +1,4 @@
-<template lang="pug">
+<template lang='pug'>
 div#list
   el-divider(v-if='title') {{title}}
   el-timeline
@@ -6,17 +6,15 @@ div#list
       v-for='event in events'
       :key='`${event.id}_${event.start_datetime}`'
       :timestamp='event|when'
-      placement='top' icon='el-icon-arrow-down' size='large'
-    )
+      placement='top' icon='el-icon-arrow-down' size='large')
 
       div.float-right
         small @{{event.place.name}}
 
-      a(:href='"/event/" + link(event)' target='_blank') {{event.title}}
+      a(:href='`/event/${event.id}`' target='_blank') {{event.title}}
       hr
 </template>
 <script>
-import { mapGetters } from 'vuex'
 
 export default {
   name: 'List',
@@ -51,17 +49,6 @@ export default {
       type: Boolean,
       default: true
     }
-  },
-  data () {
-    return { }
-  },
-  methods: {
-    link (event) {
-      if (event.recurrent) {
-        return `${event.id}_${event.start_datetime}`
-      }
-      return event.id
-    }
   }
 }
 </script>