Vueでのフロント実装をレビューしていて思ったこと - Qiita

環境 Vue3系 TypeScript import importが沢山になった時 あまりにimportするモジュールが多くなると、 <script>内が汚く見えてしまいます。 また、このコンポーネントには何がimportされているのか 見づらくなってしまいます。 そのため、importする種類ごとに分けて記述する方法を取りました。 例えば、/modelsに該当するモジュールはmoduleブロックに、 /utilsに該当するモジュールはutilsブロックに分けて書く感じです。 <script> // modules import User from 'src/modules/User.ts' import Company from 'src/modules/Company.ts' // utils import getUser from 'src/utils/getUser.ts' imp