0.0.5 • Published 1 year ago
vite-plugin-vue-component-props v0.0.5
vite-plugin-vue-component-props
Features
- Make the vue script syntax support the props type imports from other files
Install
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
Usage
- 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>