This repository is a sandbox for Vue and TypeScript experiments.

Feel free to peruse any code you find in here.

The build is done using webpack 2, and configured using webpack-blocks.

Since webpack-blocks don't provide direct support for Vue components, I have developed custom blocks for them. Vue does not play nice with awesome-typescript-loader, so I have also developed an alternative block for typescript using ts-loader.

Both of the custom blocks are found in the config directory and have some test coverage.

In order to convince ts-loader to load .vue files, I had to do two things:

• type definition file as well, which you can find in src/vue.d.ts
• .ts extension, added by ts-loader configuraiton option in webpack.config.js

The latter is required despite the fact that vue-loader is used.

• TypeScript support in Vue
• Class components (also includes a TypeScript example, which this repo is partly based on)