import Vue, { CreateElement, VNode } from "vue";
import { Component } from "vue-property-decorator";
import { Loader } from "pixi.js";
import Assets from "@/assets";

@Component
export default class Preloader extends Vue {
  created() {
    Loader.shared.add(Assets).load(() => this.$emit("load"));
  }

  render(h: CreateElement): VNode {
    const Logo = h("v-sprite", {
      props: {
        texture: require("@/assets/logo.png"),
        position: { x: 856, y: 418 }
      }
    });

    return h("v-container", [Logo]);
  }
}