InitializationWrapper.vue

<template>
  <div>
    <Loading :is-loading="!hasLoadedData" />
    <div v-if="hasLoadedData">
      <slot />
    </div>
  </div>
</template>

<script>
  import Loading from '@/components/ui/Loading'

  export default {
    components: {
      Loading
    },
    props: [`accountName`, `appName`],
    data () {
      return {
        hasLoadedData: false
      }
    },
    async created () {

      const data = await window.Knack.Api.getInitialBuilderData(this.accountName, this.appName)

      this.$store.dispatch(`load`, data)

      this.hasLoadedData = true
    }
  }
</script>