Add formatDate filter

src/components/routes/Index.vue

@@ -26,7 +26,7 @@
 					<td>{{thread.title}}</td>
 					<td>
 						<div>{{thread.latestPostUser}}</div>
-						<div>{{thread.latestPostDate}}</div>
+						<div>{{thread.latestPostDate | formatDate('time|date', ' - ') }}</div>
 					</td>
 					<td>{{thread.category}}</td>
 					<td>{{thread.replies}}</td>

src/main.js

@@ -16,6 +16,32 @@ const router = new VueRouter({
 	mode: 'history'
 })
 
+Vue.filter('formatDate', function (value, format = '', join = ' ') {
+	//Add leading zero if under 10
+	function lz(num) {
+		if(num < 10) {
+			return '0' + num;
+		} else {
+			return '' + num;
+		}
+	}
+
+	function formatSegment(segment) {
+		if(segment === 'time') {
+			return value.toTimeString().slice(0, 5);
+		}
+		if(segment === 'date') {
+			return (
+				lz(value.getDate()) + '/' +
+				lz(value.getMonth() + 1) + '/' +
+				value.getUTCFullYear()
+			);
+		}
+	}
+
+	return format.split('|').map(formatSegment).join(join);
+});
+
 new Vue({
 	el: '#app',
 	template: '<App/>',