Soy nuevo en Nuxt y Vue, así que ten cuidado conmigo. Estoy tratando de crear un componente de reproductor de video en mi aplicación Nuxt 3 usando vue3-video-player , que no parece ser compatible con SSR según el siguiente error que recibo cuando lo importo en mi componente de video:

ReferenceError: navigator is not defined

Este error persiste incluso si el componente está empaquetado con <ClientOnly> . Entonces, según lo que vi en la documentación de Nuxt 3 , pensé en crear un complemento solo para el cliente ubicado en plugins/vue3-video-player.client.js con los siguientes contenidos:

 import Vue3VideoPlayer from '@cloudgeek/vue3-video-player' export default defineNuxtPlugin((nuxtApp) => { nuxtApp.vueApp.use(Vue3VideoPlayer) })

Pero cuando trato de usarlo en mi componente como <vue3-video-player> , aparece el siguiente error:

[Vue warn]: Failed to resolve component: vue3-video-player

Entonces, supongo que mi pregunta es ¿cómo creo un componente Vue solo para el cliente usando los complementos Nuxt 3? ¿O hay un enfoque completamente diferente que funcionaría mejor?