diff --git a/src/filters/formattedDate.js b/src/filters/formattedDate.js new file mode 100644 index 0000000..15b3c53 --- /dev/null +++ b/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; \ No newline at end of file diff --git a/src/main.js b/src/main.js index 6e448f4..d54b1d6 100644 --- a/src/main.js +++ b/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,