fuse-box / fuse-box/fuse-box-typechecker

Typechecker doesn't work with Vue.js single file components.

Open
#44 1 comment 0 reactions 0 assignees View on GitHub
question
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.