[recipe] Add Vue.js recipe

Note: this is not an issue but a reminder for me to add a recipe for Vue file support.

Add a Vue.js recipe for Vue file transpiling. The new vue-node (https://github.com/knpwrs/vue-node) works great as a solution to get Ava and Vue.js working along side each other. Little configuration needed other than using prexisting webpack configs.

I have it fully working together, although it is quite slow. I believe there is extra precompilation happening, caching transpiled code in vue-node should solve this issue.

I’m also looking into checking coverage reports with Vue.js files, since webpack is driving the transpiling it should work (fingers crossed).

Once I have completed my investigation I will add a recipe.ill keep this issue up to date. May be a couple of weeks, due to finishing a work project.

[blake-newman]

Will add recipe over next couple of days, should have enough free time to complete.

Require.extension.hooks is probably the best solution, most extensible and fastest. vue-node is much slower as each component requeires Webpack to do alot of work. Which adds approx 3-4s to each component import.

Extension hooks seems to have least impact, and with caching techniques this could be much faster to an already fast solution. Less configuration required aswell. Also mapping of code coverage is very accurate and not yet seen any issues.

[jackmellis]

Nice. I’ve taken the exact test code and done the same with require-extension-hooks instead of webpack. Goes from 6.8s to 2.4s on my machine…

https://github.com/jackmellis/avoriaz-ava-example