Javascript Vue

Import types in Vue SFC for defineProps1 min read

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

GitHub

View Github

Leave a Reply

Your email address will not be published. Required fields are marked *

Pin It on Pinterest