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>

License

MIT License © 2023 tttxdxd