Atinux / vite-plugin-vue-type-imports

Import types in Vue SFC for defineProps

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vite-plugin-vue-type-imports

Enables you to import types and use them in your defineProps and defineEmits

NPM version

⚠️ 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(),
  ],
})

Nuxt

// nuxt.config.ts

export default {
  buildModules: {
    'vite-plugin-vue-type-imports/nuxt',
  }
}

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

About

Import types in Vue SFC for defineProps


Languages

Language:TypeScript 94.5%Language:HTML 3.4%Language:Vue 2.1%