vite-plugin-vue-type-imports
Enables you to import types and use them in your defineProps and defineEmits
⚠️ This Plugin is still in Development and there may be bugs. Use at your own risk.
Install
# Install Plugin
npm i -D vite-plugin-vue-type-imports
// vite.config.ts
import { defineConfig } from ‘vite’
import Vue from ‘@vitejs/plugin-vue’
import VueTypeImports from ‘vite-plugin-vue-type-imports’
export default defineConfig({
plugins: [
Vue(),
VueTypeImports(),
],
})
Usage
// types.ts
export interface User {
username: string
password: string
avatar?: string
}
<script setup lang=”ts“>
import type { User } from ‘~/types’
defineProps<User>()
</script>
<template>…</template>
License
MIT License © 2021-PRESENT Jacob Clevenger