add filter formattedDate

src/filters/formattedDate.js

@@ -0,0 +1,12 @@
+const formattedDate = (value) => {
+    if (value === null) {
+        return null;
+    }
+    if (value instanceof Date) {
+        return value.toLocaleDateString();
+    }
+
+    return value.toDate().toLocaleDateString();
+};
+
+export default formattedDate;

src/main.js

@@ -13,6 +13,7 @@ import App from '@/App.vue';
 import router from '@/router';
 import store from '@/store';
 import firebaseConfig from '@/config/firebase';
+import formattedDate from '@/filters/formattedDate';
 
 const firebaseApp = firebase.initializeApp(firebaseConfig);
 const db = firebaseApp.firestore();
@@ -28,6 +29,8 @@ Vue.use(VuetifyConfirm, {
 });
 Vue.use(VueYouTubeEmbed);
 
+Vue.filter('formattedDate', formattedDate);
+
 new Vue({
   router,
   store,