ArtPlayer/packages/artplayer-template/nuxt.js/app.vue

<template>
    <div>
        <client-only placeholder="loading...">
            <Artplayer @get-instance="getInstance" :option="option" :style="style" />
        </client-only>
    </div>
</template>

<script>
import Artplayer from './Artplayer.vue';

export default {
    components: {
        Artplayer,
    },
    data() {
        return {
            option: {
                url: 'https://artplayer.org/assets/sample/video.mp4',
                autoSize: true,
            },
            style: {
                width: '600px',
                height: '400px',
                margin: '60px auto 0',
            },
        };
    },
    methods: {
        getInstance(art) {
            console.log(art);
        },
    },
};
</script>