Single type definition file for all vue files

Right now, I need to create a type definition file for each .vue with the following contents:

import Vue = require('vue')

declare var exp: Vue
export default exp

Anyway I can just do with one *.vue.d.ts file?

[HerringtonDarkholme]

Adding a new ambient declaration.

declare module "*.vue"

[gldraphael]

@gazugafan I got it working by making the vue-loader use vue-ts-loader to handle ts code. Here’s my webpack.config.js file.

  // ...
  vue: {
    // instruct vue-loader to load TypeScript
    loaders: { 
      js: 'vue-ts-loader', 
      less: 'css!less',
      ts: 'vue-ts-loader'
    },
    // make TS' generated code cooperate with vue-loader
    esModule: true
  },
  // ...

VS Code still shows the Cannot find module './path/to/file.vue'. for every .vue file.

But Webpack (and the dev console) shows this error

error TS2307: Cannot find module ‘./app.vue’.

only for the app.vue file. I’m yet to find what’s causing it. I’m guessing it’s got to do with webpack.config.js.

Good news is that, despite the errors the app works fine. So this should do for the time being.