<template>
    <div>
      <home-bar />
      <NuxtPage page-key="child" />

      <client-only>
        <Vue3Lottie
            :animation-data="anim"

            :height="200"
            :width="200"
        />
      </client-only>
    </div>
</template>
<script>

import HomeBar from "../components/homebar";
import * as animationData from "~/assets/animation.json";

export default {
  components: {HomeBar},
  data() {
    return {
      anim: animationData.default, // for saving the reference to the animation
      lottieOptions: { animationData: animationData.default }
    };
  },
  methods:{
    handleAnimation: function (anim) {
      this.anim = anim;
    }
  }
}
</script>