<template>
  <div>
    <div
      class="ssr"
      v-html="content"
    >
    </div>
    <div id="csr"></div>
  </div>
</template>

<script>
export default {
  name: "hello-world",
  computed: {
    content() {
      return this.$store.state.__SSR_CONTENT__;
    }
  },
  asyncData({ store, route, __SSR_CONTENT__ }) {
    return store.dispatch("__SSR_CONTENT_FETCH__", { __SSR_CONTENT__ });
  },
  data() {
    return {
      client: "client"
    };
  },
  mounted() {
    // this.clientFetch();
  },
  methods: {
    clientFetch() {
      return this.$store.dispatch("CLIENT_FETCH");
    }
  }
};
</script>
