【初心者】export defaultのあとに勝手にawait import(’vue)).definecomponentと記述されてしまう問題

困ったこと

export defaultのあとに勝手にawait import(’vue)).definecomponentと記述されてしまう

カーソルを当ててみる

This is virtual code that is automatically wrapped for type support, it does not affect your runtime behavior, you can customize it via vueCompilerOptions.optionsWrapper option in tsconfig / jsconfig. To hide it, you can set "vue.inlayHints.optionsWrapper": false in IDE settings.
と出た。
なるほどわからん。

翻訳してみると

「これは型サポートのために自動的にラップされる仮想コードであり、実行時の動作には影響しません。tsconfig / jsconfig のvueCompilerOptions.optionsWrapperオプションを使用してカスタマイズできます。これを非表示にするには、IDE 設定で"vue.inlayHints.optionsWrapper": false を設定します。」

つまり

VSCodeの設定をいじれば消せそう

設定の仕方

①[メニュー]-[Code]-[基本設定］-［設定］の順に選択。
②開いた検索タブに【vue.inlayHints.optionsWrapper】と入力。
④vue.inlayHints.optionsWrapperを【false】に。

結果

await import(’vue)).definecomponentが消えた！