Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat/Add vue-tsc #6

Merged
merged 10 commits into from
Feb 13, 2024
Merged

Feat/Add vue-tsc #6

merged 10 commits into from
Feb 13, 2024

Conversation

kokoakuma
Copy link
Contributor

@kokoakuma kokoakuma commented Feb 11, 2024

Issue

https://github.com/vuejs-jp/vuefes-2024-backside/issues/29

Details

  • vue-tscの追加
  • @types/node@nuxt/typesの追加
    • types/nodeは使用しているnodeのバージョンと合わせて18.19.0にしているのですが、より適切なバージョンがあれば教えていただきたいです 🙏
  • verbatimModuleSyntaxによってStorybookのstoryFnがエラー判定されていたので、一旦falseに設定
  • CIにstepの追加

Others

相談事項
verbatimModuleSyntaxの取り扱いについて、この設定が後ほどどれくらい面倒になるのかあまりピンと来ておらず、以下のどれにするかアドバイスいただきたいです!
https://zenn.dev/teppeis/articles/2023-04-typescript-5_0-verbatim-module-syntax

  • 設定をTrueにし、import type { Foo } from ./Foo.tsのように書く
  • 設定をFalseにし、eslintで同様のものを設定する
  • 設定をFalseにして終了

現時点で問題がなさそうであれば、Trueにしてみるのもありなのかなと思っています。

@kokoakuma kokoakuma self-assigned this Feb 11, 2024
apps/web/package.json Outdated Show resolved Hide resolved
@ryuhei373
Copy link
Contributor

ryuhei373 commented Feb 11, 2024

npx nuxi typecheck があるので手動で vue-tsc の環境を用意しなくてもいいんじゃないかなと最初は思っていたんですが、ちょっと試してみた結果、現状では結局 vue-tsc と typescript を突っ込んでやらないといけなさそう( https://nuxt.com/docs/guide/concepts/typescript#type-checking )なので、 @kokoakuma さんの対応で問題ないと思いました!

  • 型エラーが無い場合、bun typecheck を叩いて、何も怒られずに正常に終了することを確認しました。
  • わざと型をミスった関数呼び出しを用意して bun typecheck を叩いて、正しく怒られることを確認しました。

大命題である型チェックの追加という部分に関してはLGTMです!

@jiyuujin @toshick
verbatimModuleSyntax 周りについて私自身あまりに知見がないため、何か意見あれば伺えるとありがたいです。

Copy link
Contributor

@toshick toshick left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

verbatimModuleSyntax よくわかってません
とりあえず必要に応じて対応でよいと思いました。
LGTM

to allow patch update according to the rule of definitelyTyped
@kokoakuma
Copy link
Contributor Author

@ryuhei373 @toshick
レビューありがとうございます!

@ryuhei373
バージョン修正しました!🫡
verbatimModuleSyntaxは一旦Falseのままにしておきます。

@kokoakuma kokoakuma requested a review from ryuhei373 February 12, 2024 03:23
@ryuhei373
Copy link
Contributor

LGTM!

apps/web/tsconfig.json Outdated Show resolved Hide resolved
Copy link
Collaborator

@jiyuujin jiyuujin left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

verbatimModuleSyntax 削除、代わりに include 追加いただけると

Copy link
Collaborator

@jiyuujin jiyuujin left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@jiyuujin jiyuujin merged commit 55f439b into main Feb 13, 2024
3 checks passed
@jiyuujin jiyuujin deleted the feat/typecheck branch February 13, 2024 10:26
@kokoakuma
Copy link
Contributor Author

マージありがとうございます!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants