独学者Fossa

独学していることなど

Volar

github.com

Visual Studio Code (以下、VSCode)で、Vue3を使う時に、お世話になるのが、Volar

私は、Vue2から使っているOption APIを使い、TypeScriptは使わないので、下記のwarningが出ました。

長ったらしいので、省略します。

Component options are wraped by defineComponent() <以下省略>

使用環境

Name Version
VSCode 1.67.1
Volar 0.34.12

試したこと

packages/vue-typescript/src/types.tsをみると、設定できそうです。

 experimentalShamefullySupportOptionsApi?: boolean | 'warning';

jsconfig.jsonに、下記を追記します。

  "vueCompilerOptions": {
    "experimentalShamefullySupportOptionsApi": true
  },

VSCodeを一旦、終了させて、もう一度起動します。

そうすると、warningは消えているはずです。