<template>
  <div id="product">
    <v-runtime-template
      type="product"
      :template="productTemplate"
      :settings="[]"
      :data="{ theme }" />
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import VRuntimeTemplate from '@/components/sale-page/VRuntimeTemplate.vue'

export default {
  components: {
    VRuntimeTemplate
  },
  data () {
    return {
      productTemplate: ''
    }
  },
  computed: {
    ...mapGetters({
      theme: 'salePage/theme'
    })
  },
  async created () {
    this.productTemplate = await fetch(`/html/${this.$route.params.slug}/product.html`).then((r) => r.text())
  }
}
</script>

<style scoped>
</style>
