[Vuejs]-VueFire – Manipulate firestore data before rendering

So the way I was able to manipulate the data was just using a method in a loop in the render view:

<template v-for="(day, key) in manipulateData(data)">

The method simply being added to the component:

export default {
  name: "landing-page",
  ...
  methods: {
    manipulateData(_data) {
      ...
    },
  },
};

The data is now working in real time.