How to Config external vue in Nuxt Vite ?

[alghifarifikri]

I have an issue that is related to this.

#4344

but in my App, host project using Nuxt and remote project using Vue.

I try to sharing swiper from remote to host

<template>
    <client-only>
      <!-- :ref="refSwiper" -->
      <swiper
        :class="$attrs.class"
        :modules="parsedModules"
        :effect="effect"
        :slidesPerView="slidesPerView"
        :slides-per-group="slidesPerGroup"
        :loop="loop"
        :space-between="spaceBetween"
        :centered-slides="centeredSlides"
        :allow-touch-move="allowTouchMove"
        :pagination="{
          clickable: true
        }"
        :navigation="isNavigation"
        :coverflow-effect="coverflowEffect"
        :grid="grid"
        :autoplay="{
          delay: delay,
          disableOnInteraction: false
        }"
        :breakpoints="breakpoints"
        @swiper="onSwiper"
        @slider-move="onSliderMove"
        @slide-change="onSlideChange"
      >
        <swiper-slide
          v-for="(item, i) in items"
          :key="i"
          :class="slideClassGenerate(i)"
        >
          <slot
            name="content"
            v-bind="
              typeof item === 'object'
                ? { ...item, index: i }
                : { value: item, index: i }
            "
          ></slot>
        </swiper-slide>
      </swiper>
    </client-only>
  </template>

But error happened in host project on tags

I try to add this in host

this in remote

but still not working

how to config ?
in Host or Remote ?