Cant build outside and node_modules raw vue component.

[wildwind123]

I create npm package, package have raw vue components.
This one of them. Input.vue

<template>
    <div>
        <input class="input input-accent" type="text" v-model="value">
        <div>
            error : {{ errorMessage }}
        </div>
    </div>

</template>
<script lang="ts" setup>
import { useField } from 'vee-validate';
const { value, errorMessage, } = useField<string>(() => 'password')

</script>

When i build, this component does not work, i mean useField.
If component inside of project, this will work.

parent component

<template>
    <Input></Input>
    <button @click="handle" class="btn">send</button>
</template>
<script lang="ts" setup>
import Input from 'vueue/src/Input.vue'; // this not work
// import Input from './Input.vue' --- this work
import { toTypedSchema } from '@vee-validate/zod';
import { useForm } from 'vee-validate';
import { z } from 'zod';

const loginSchema = z.object({
    email: z.string().email().optional(),
});

const { handleSubmit, } = useForm({
    validationSchema: toTypedSchema(loginSchema),
    initialValues : {
        email: '[email protected]'
    }
});

const handle = handleSubmit((v) => {
    console.log("handle", v)
})


</script>

import Input from 'vueue/src/Input.vue'; // this not work, it in node_modules
import Input from './Input.vue' // this in inside project directory
import Input from '../node_modules/vueue/src/Input.vue' // this too not work

this work on dev mode, after build does not work.
how can solve this problem ?