fuse-box / fuse-box/fuse-box-typechecker
Typechecker doesn't work with Vue.js single file components.
- Dominant language
- TypeScript
- Stars
- 30
- Forks
- 8
- PR merge metrics
- No merged PRs in 30d
Description
I've set up typechecker, it works fine, but only with `*.ts` files. It doesn't work with `*.vue` [Single file components](https://vuejs.org/v2/guide/single-file-components.html) at all.
I've added the following lines to my `tslint.json` file But it didn't change anything:
```
"include": [
"src/**/*.ts",
"src/**/*.vue"
]
```
It seems that tslint is not able to parse the JS code that's wrapped in `` tags. Is there any workaround? I know that in Webpack they use some trick to pass the content of the script tag into typescript loader. But it's a Webpack specific solution, so I'm afraid that here we have to use a different approach.
I'm not sure is it a bug or is it just a missing feature... and is it an issue related to the fuse-box-typechecker or is something to be implemented directly in the VueComponentPlugin?
---
Here's my repository, so that you could reproduce: https://github.com/wujekbogdan/fuse-vue-ts/tree/typechecker
Contributor guide
No contributing guide indexed for this repository
Research direction
Reproduce the problem using the linked typechecker branch and inspect tslint.json alongside the VueComponentPlugin integration. Trace how TypeScript is passed only *.ts files, then determine how the script content inside *.vue files should be handled. Done means TypeScript in Vue single-file components is typechecked successfully.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend, tooling
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 38/100