2022-12-11 23:33:34 +00:00
|
|
|
<template>
|
2022-12-23 14:42:30 +00:00
|
|
|
<div>
|
|
|
|
<home-bar />
|
2022-12-24 16:36:24 +00:00
|
|
|
<NuxtPage page-key="child" />
|
2022-12-28 00:20:42 +00:00
|
|
|
|
|
|
|
<client-only>
|
|
|
|
<Vue3Lottie
|
|
|
|
:animation-data="anim"
|
|
|
|
|
|
|
|
:height="200"
|
|
|
|
:width="200"
|
|
|
|
/>
|
|
|
|
</client-only>
|
2022-12-23 14:42:30 +00:00
|
|
|
</div>
|
2022-12-12 03:10:34 +00:00
|
|
|
</template>
|
2022-12-23 14:42:30 +00:00
|
|
|
<script>
|
2022-12-24 16:36:24 +00:00
|
|
|
|
2022-12-23 14:42:30 +00:00
|
|
|
import HomeBar from "../components/homebar";
|
2022-12-28 00:20:42 +00:00
|
|
|
import * as animationData from "~/assets/animation.json";
|
|
|
|
|
2022-12-23 14:42:30 +00:00
|
|
|
export default {
|
2022-12-24 16:36:24 +00:00
|
|
|
components: {HomeBar},
|
2022-12-28 00:20:42 +00:00
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
anim: animationData.default, // for saving the reference to the animation
|
|
|
|
lottieOptions: { animationData: animationData.default }
|
|
|
|
};
|
|
|
|
},
|
|
|
|
methods:{
|
|
|
|
handleAnimation: function (anim) {
|
|
|
|
this.anim = anim;
|
|
|
|
}
|
|
|
|
}
|
2022-12-23 14:42:30 +00:00
|
|
|
}
|
|
|
|
</script>
|