How to use <i18n-t> in web component?

[TwT-L]

II'm creating a Vue web component using i18n

<!-- custom-element.ce.vue -->
<script setup>
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
defineProps({
  locale: String,
})
</script>
<template>
<div classs="custom-ele-wrap">
    <i18n-t keypath="title" tag="span">

    </i18n-t>
</div>
</template>

but I got this warning in console