fix: add Example cli TypeScript project

[bahmutov]

• for #355
• closes Noticed double VueLoaderPlugin #357
• a project scaffolded using Vue CLI with TypeScript
• added Cypress

To solve

• fix the failure to transpile

In the root folder

npm install
npm run build

In folder example/cli-ts

npm install
DEBUG=cypress-vue-unit-test npm run cy:run

Oops...we found an error preparing this test file:

  src/components/HelloWorld.spec.ts

The error was:

Error: [VueLoaderPlugin Error] No matching use for vue-loader is found.
Make sure the rule matching .vue files include vue-loader in its use.

[bahmutov]

I have disabled adding Babel loader (needed for import mocking, code instrumentation) and it seems to solve the issue

webpackOptions.mode = 'development'
  inlineUrlLoadedAssets(webpackOptions)
  preventChunking(webpackOptions)
  compileTemplate(webpackOptions)
  // insertBabelLoader(config, webpackOptions)
  if (debug.enabled) {
    console.error('final webpack')
    console.error(util_1.default.inspect(webpackOptions, false, 10, true))
  }

So we probably need to better modify the Webpack options

[bahmutov]

ughh, got through the failure by correctly detecting VueLoaderPlugin already present. The code transpiles while in cypress open mode, but the support file keeps hanging in cypress run mode

Will open a separate issue

[bahmutov]

🎉 This PR is included in version 3.4.3 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀