Vue js Preview lottie file before upload

How to preview lottie file when select change on input file, anyone could help me pls? I’ve tried with vue3 lottie and dotlottie components, but it supports only option url or I missed something? pls help.(file extension .lottie)

<script setup>
const fileUrl = ref('')
const newSelectedFile = ref({})
const changeFile = (event) => {
    newSelectedFile.value = event.target.files[0];
}
</script>
<DotLottieVue v-if="!newSelectedFile" style="height: 200px; width: 200px" ref="playerRef" :useFrameInterpolation="true"
                :renderConfig="configOption" :autoplay="true" :loop="true" :src="fileUrl" />
<DotLottieVue v-else style="height: 200px; width: 200px" ref="playerRef" :useFrameInterpolation="true"
                :renderConfig="configOption" :autoplay="true" :loop="true" :data="newSelectedFile" />
<input type="file" ref="fileRef" id="lottie_file" @change="changeFile" hidden>