Help: how to import a interface from vue file?

[zhaojinzhao]

the below is my code.

ReferenceLink.vue

<script setup lang="ts">
export interface ReferenceLinkProps {
  link: string;
  text: string;
}

defineProps<ReferenceLinkProps>();

const handleClick = (ev: Event) => {
  ev.stopPropagation();
};
</script>
<template>
  <a-link icon :href="link" target="_blank" @click="handleClick">
    {{ text }}
  </a-link>
</template>
<style scoped></style>

** index.ts **

import ReferenceLink, { type ReferenceLinkProps } from './ReferenceLink.vue';

const a: ReferenceLinkProps = {};

sorry, i can't import ReferenceLinkProps interface from ReferenceLink.vue now. it notice me "Cannot use namespace ReferenceLinkProps as a type."

more information:

Vue Version: 3.4.21
TypeScript Version: 5.4.0

env.d.ts

/// <reference types="vite/client" />
declare module '*.vue';

[Shyam-Chen]

https://github.com/Shyam-Chen/Vue-Starter/blob/main/ui/src/components/tabs/Tabs.vue#L6

import type { ReferenceLinkProps } from './ReferenceLink.vue';

[zhaojinzhao]

sorry, it's no use. i think the exporting feature is affected by definition in env.d.ts.

[zhaojinzhao]

it looks like a vue official plugin's problem. i installed v1.8.27, the warning info is gone.