- [x] Make the vue script syntax support the props type imports from other files
node version: >=12.0.0 vite version: >=2.0.0
pnpm i vite-plugin-vue-component-props -D
or
npm i vite-plugin-vue-component-props -D
or
yarn add vite-plugin-vue-component-props -D
- Config plugin in vite.config.ts. In this way, the required functions can be introduced as needed
import { Plugin, defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueComponentProps from 'vite-plugin-vue-component-props'
export default defineConfig({
plugins: [vue(), vueComponentProps()],
})
- SFC
export interface Props {
world: string
}
<script lang="ts" setup name="App">
import type { Props } from './Props'
defineProps<Props>()
</script>
<template>
<div>hello {{ world }}</div>
</template>