Display main single post as div instead of li

Signed-off-by: Louis Chemineau <louis@chmn.me>

src/components/TimelineEntry.vue

@@ -1,5 +1,5 @@
 <template>
-	<li :class="['timeline-entry', hasHeader ? 'with-header' : '']">
+	<component :is="element" :class="['timeline-entry', hasHeader ? 'with-header' : '']">
 		<div v-if="isNotification" class="notification">
 			<Bell :size="22" />
 			<span class="notification-action">
@@ -30,7 +30,7 @@
 					:type="type" />
 			</div>
 		</template>
-	</li>
+	</component>
 </template>
 
 <script>
@@ -59,6 +59,10 @@ export default {
 			type: String,
 			required: true,
 		},
+		element: {
+			type: String,
+			default: 'li',
+		},
 	},
 	computed: {
 		/**

src/views/TimelineSinglePost.vue

@@ -8,7 +8,8 @@
 		<TimelineEntry ref="mainPost"
 			class="main-post"
 			:item="mainPost"
-			type="single-post" />
+			type="single-post"
+			element="div" />
 		<TimelineList v-if="timeline" class="descendants" :type="$route.params.type" />
 	</div>
 </template>