App.vue

<script>
import { db, page_data, admin_user } from "./firebase";
export default {
  name: "App",
  firebase: {
    data: {
      source: page_data,
      readyCallback: function() {
        this.loaded = true;
      }
    }
  },
  created() {
    page_data.once("value").then(data => {
      this.code = JSON.stringify(data.val().content, null, 2);
    });
  },
  methods: {
    saveData: function() {
      page_data.set({content: JSON.parse(this.code)});
      this.showCodeEditor = false;
    },
    cancel: function(){
      this.showAuth = false;
      this.showCodeEditor = false;
    },
    showLogIn: function(){
      this.showAuth = !this.showAuth;
    }
  }
};
</script>