Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Failed to load latest commit information.
Latest commit message
Commit time
January 15, 2017 01:13
February 4, 2018 23:05
December 26, 2016 15:35
February 5, 2018 14:08
February 5, 2018 14:08
February 4, 2018 23:05
December 26, 2016 15:35


npm version Build Status

Generate TypeScript declaration files for .vue files


You can use vuetype command after exec one of following commands.

$ npm install --global vuetype # npm
$ yarn global add vuetype # yarn


Specify the directory that includes your .vue files as the 2nd argument of vuetype command. Note that the .vue files should have TypeScript code (in <script lang="ts"> element).

vuetype src/components

Then .vue.d.ts file corresponding .vue file will be output. So you can import each .vue component with concrete type declaration! This would useful if you would like to unit test your components in TypeScript.

For example, if there is the following component:

  <div>{{ message }}</div>

<script lang="ts">
import Vue from 'vue'
import Component from 'vue-class-component'

export default class MyComp extends Vue {
  message = 'Hello'

You will acquire the following declaration file:

import Vue from 'vue';
export default class MyComp extends Vue {
    message: string;

Watch mode

You can enable watch mode by adding --watch (shorthand -w) flag. In the watch mode, vuetype watches update of .vue files and generates declaration files when the .vue files are updated.

vuetype --watch src/components